jquery addClass 不适用于表格单元格

Question

我需要一些帮助，

我正在尝试这样做

if(perc>0){
alert('change backgroundcolor and textcolor');
$('#stocktable tr td:last').addClass('stockhigher');

}

但是它在表格单元格上不起作用

我也尝试像这样设置选择器

$('#stocktable tr td:eq(2)).addClass...
$('#stocktable tr td.percentage').addClass...

！

它确实适用于桌子本身或桌子行，就像

$('#stocktable tr')

我在这里遗漏了什么一样？

谢谢，理查德

Answer 1

我想到三件事：

1. 您正在使用 :last 伪元素。这将最多匹配一个元素总数，在本例中是“stocktable”中的最后一个表格单元格。您可能指的是 :last-child 吗？
2. 您正在使用 :eq(2) ，它将仅匹配整个集合中的第三个​​元素。您的意思可能是 :nth-child(2) 吗？
3. $("#stocktable tr td.eq(2)).addClass... 丢失并结束引号；并且
4. 您所做的事情没有任何问题。到底是什么不起作用？也许它不是可以应用于表格单元格的格式。

为了进一步解释(1)，假设您有一个包含 3 行、每行 4 个单元格且 id 为“mytable”的表格：

$("#mytable td:eq(2)").css("background", "yellow");

将为第三个单元格着色。第一行的 em> 元素（:eq() 从零开始），而：

$("#mytable td:nth-child(2)").css("background", "yellow");

每行中的第二单元格着色。

$("#mytable td:last").css("background", "yellow");

将为 为最后一行的最后一个单元格着色，但是：

$("#mytable td:last-child").css("background", "yellow");

将为每行中的最后一个单元格着色。