javascript - 获取当前表行的值

Question

所以我有多个<tr> elements，我需要找到与该对象对应的 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);
});