Javascript 使用jQuery选择第n列中的所有单元格
如何选择普通html表格第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
$('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');