Holen Sie den Wert der aktuellen Tabellenzeile

Question

So habe ich mehrere <tr> Elemente und ich muss die ID finden, die diesem Objekt entspricht. Grundsätzlich, wenn ich auf Bearbeiten klicke, brauche ich die ausgewählte ID, um den Benutzer zu benachrichtigen.

<tr> 
     <td ><input type="hidden" name="pkAdminId" value="1076">1076</td> 
     <td><a class="editCredential" class="openWindow" data-modal-id="existingCredential" data-credential-id="1076">Edit</a></td> 
     <td><a class="delete">Delete</a></td> 
    </tr> 
    <tr> 
     <td ><input type="hidden" name="pkAdminId" value="1073">1073</td> 
     <td><a class="editCredential" class="openWindow" data-modal-id="existingCredential" data-credential-id="1073">Edit</a></td> 
     <td><a class="delete">Delete</a></td> 
    </tr> 
    <tr> 
     <td ><input type="hidden" name="pkAdminId" value="1074">1074</td> 
     <td><a class="editCredential" class="openWindow" data-modal-id="existingCredential" data-credential-id="1074">Edit</a></td> 
     <td><a class="delete">Delete</a></td> 
    </tr> 
    <tr> 
     <td ><input type="hidden" name="pkAdminId" value="1075">1075</td> 
     <td><a class="editCredential" class="openWindow" data-modal-id="existingCredential" data-credential-id="1075">Edit</a></td> 
     <td><a class="delete">Delete</a></td> 
    </tr> 

Die JQuery die ich nur versucht haben, findet den Wert der ersten Tabellenzeile, die 1076 in diesem Fall.

$('.existingCredential').on('click', '.delete', function() { 
    var id = $('input[name="pkAdminId"]').val(); 
    alert(id); 
}); 

Answer 1

können Sie closest verwenden zusammen mit Element Kontext this Mutter tr zu durchqueren und dann in ihr finden Element:

$('.existingCredential').on('click', '.delete', function() { 
var id = $(this).closest('tr').find('input[name="pkAdminId"]').val(); 
alert(id); 
});