TD點擊jquery

Question

我試着爲每行的td：eq（6）實現click事件。

下面是我的代碼：

$(document).on("click", "#tblDisplayBoard tr td:eq(6)", function() { 
    alert("here"); 
}) 

但我的產量也只有TD的第一行：EQ（6）能夠彈出警告框。

我的代碼有問題嗎？

Answer 1

你想:nth-child()：

$(document).on("click", "#tblDisplayBoard tr td:nth-child(6)", function() { 
    alert("here"); 
}); 

:eq(6)返回第七（JavaScript是零索引）通過選擇返回td元素。

爲了使alert()出現在點擊的任何第七td /每一行：

$('#tblDisplayBoard td:nth-child(7)').on('click', function() { 
    alert('here'); 
}); 

參考文獻：

• :nth-child() pseudo-class。
• :eq() selector。

Answer 2

如果你想爲每一行的警告，你需要使用。每到一個click事件的每一行bind（）函數：http://api.jquery.com/each/

var rows = $("#tblDisplayBoard tr td:eq(6)"); 
rows.each(function(){ 
    $(this).click(function(){ 
     alert("here"); 
    }); 
});