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

Question

如何选择普通 html 表格第 n 列中的所有单元格。我已经尝试过这个，但它不起作用：

    $('table#foo tbody td:nth-child(3)').each(function (index) {
        $(this).addClass('hover');
    });

更新： 这是无效代码的jsfiddle： http://jsfiddle.net/Claudius/D5KMq/

Answer 1

无需为此使用 each。

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

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

Answer 2

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

Answer 3

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

使用此脚本（请注意，使用 :nth-child 选择器索引每个要匹配的子项，从 1 开始）

$(".legendvalue", ".stmatst_legends").hover(function() {
    var index = $('.legendvalue').index($(this));

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


}, function() {
    //remove hover
});