如何使用Jquery獲取表ID？

Question

在我的Java程序中，我有一個List<DemoTable>。

List<DemoTable> demotable = new ArrayList<DemoTable>(); 

DemoTable是id，name，並details變量的類。

我顯示使用jQuery這些細節..

<table> 
    <c:forEach items="${modalAttribute.demotable}" var="demo"> 
    <tr class="M_row_bg M_read"> 
     <td><input type="checkbox" id="isDelete"/></td> 
     <td><label for="name">${demo.name}</label></td> 
      <td><label for="totalExperience">${demo.details}</label></td> 
     </tr> 
    <c:forEach> 
</table> 

的數據將正確顯示...但點擊複選框，當我想錶行ID：

$("#isDelete").click(function(){ 
if (this.checked){ 
    alert('checked'); 
    alert(demo.id); 
} else { 
    alert('unchecked'); 
} 
}); 

我期待此警報提供DemoTable ID，但此警報不顯示。此外，此點擊僅適用於表格的第一行。

當我點擊複選框時，如何獲得DemoTable ID？

我的代碼需要處理表格單擊事件的每一行，而不僅僅是第一行？

Answer 1

1. 您在表格中多次使用#isDelete。這是非法的，你的代碼只能在第一行工作。改爲使用班級。

2. 您的表格行甚至沒有有的ID。但它們確實有一個隱含的索引。

3. 你應該給你的表中的ID

4. 你可以使用「事件委託」，只是註冊一個共同的父元素在一個單一的點擊處理程序（即表），然後使用事件冒泡找出哪些實際元素被點擊。這比在每個匹配元素上顯式註冊完全相同的事件處理函數更有效。

試試這個：

$('#myTable').on('click', '.isDelete', function(){ 
    if (this.checked) { 
     var rowId = $(this).closest('tr').index(); // row within table (0 based) 
    } 
});