添加表标题行会禁用jQuery选择器

时间:2013-02-10 07:24:42

标签: jquery html html-table jquery-selectors

使用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/

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

1 个答案:

答案 0 :(得分:1)

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