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

如果要为每一行提供警报，则需要使用.each（）函数将click事件绑定到每一行：http://api.jquery.com/each/

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