現在のテーブル行の値を取得

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である第一のテーブルの行の値を求めます。あなたが親TRに横断する要素のコンテキストthisとともにclosestを使用して、その中の要素を見つけることができます

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

Answer 1

：HTML/CSS/JSコードと将来の問題では

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