jquery - 添加表头行会禁用 jQuery 选择器

Question

使用 jQuery，当我比较同一行中不同的 2 个单元格时，我可以突出显示一个单元格。

$(".g-rebuild-thumb-list tr").each(function () {
    if ($(this).find("td")[2].innerHTML != $(this).find("td")[3].innerHTML) {
        $(this).find("td")[0].bgColor = "red";
    }
});

这是一个按预期工作的 JS 小提琴：http: //jsfiddle.net/HY2Q3/

但是，如果我在表中添加标题，它就不起作用。

<tr>
<th>head</th>
<th>head2</th>
<th>head3</th>
<th>head4</th>

添加标题行的相同代码的完整 JS 小提琴：http: //jsfiddle.net/kah2J/

有人可以提出解决方案或解释吗？

Answer 1

因为您仍然基于tr您还为标题添加的选择器。我更新了 jsfiddle，并添加了tbodyand thead，但您不必使用它们。您可以简单地向tr您希望应用选择器的类添加一个类，然后td将 jQuery 中的类替换为类名。这是小提琴：http: //jsfiddle.net/HY2Q3/2/