获取当前表行的值

Question

所以我有多个<tr>元素，我需要找到与该对象相对应的Id。 基本上当我点击编辑时，我需要提醒用户选择的ID。

    <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>

我尝试过的JQuery只找到第一个表行的值，在这种情况下是1076。

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

Answer 1

您可以使用closest和元素上下文this遍历父tr，然后在其中找到元素：

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