Question

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

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

更新：下面是工作代码的一个小问题：http://jsfiddle.net/Claudius/D5KMq/

Answer 1

没有必要使用each。

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

除此之外，您的代码没有任何问题。问题必须在其他地方。

Answer 2

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

Answer 3

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

使用此脚本（请注意以下内容：每个子项的第n个子选择器索引匹配，从1开始）

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

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


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

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

3 个答案: