獲取當前表行的值

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);
});