Javascript 使用jQuery选择第n列中的所有单元格

Javascript 使用jQuery选择第n列中的所有单元格,javascript,jquery,jquery-selectors,css-selectors,Javascript,Jquery,Jquery Selectors,Css Selectors,如何选择普通html表格第n列中的所有单元格。我试过了,但不起作用: $('table#foo tbody td:nth-child(3)').each(function (index) { $(this).addClass('hover'); }); 更新: 以下是一段未加工代码: 使用此脚本(请注意:要匹配的每个子项的第n个子项选择器索引,从1开始) 无需为此使用每个 $('table#foo tbody td:nth-child(3)').addClass

如何选择普通html表格第n列中的所有单元格。我试过了,但不起作用:

    $('table#foo tbody td:nth-child(3)').each(function (index) {
        $(this).addClass('hover');
    });
更新: 以下是一段未加工代码:

使用此脚本(请注意:要匹配的每个子项的第n个子项选择器索引,从1开始)


无需为此使用
每个

$('table#foo tbody td:nth-child(3)').addClass('hover');

除此之外,你的代码没有问题。问题一定在其他地方。

您的实际问题(在原始问题中不明显,但在小提琴中有)是
。index()
返回一个零基值,但
:nth-child()
需要一个基于一的值。

您有标记的示例吗,例如?对我有用。。。我也是:这里有一个jsfiddle:对不起,忘了包含jquery,这里有一个似乎可以工作的更新
$(".legendvalue", ".stmatst_legends").hover(function() {
    var index = $('.legendvalue').index($(this));

    $('table#stmstat tbody td:nth-child(' + (index + 1) + ')').addClass('hover');


}, function() {
    //remove hover
});
$('table#foo tbody td:nth-child(3)').addClass('hover');