Добавление строки заголовка таблицы отключает селектор 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, который вы также добавили для своих заголовков. i обновил jsfiddle и добавил tbody и thead, но вам не нужно их использовать. вы можете просто добавить класс в tr, к которому вы хотите применить селектор, и поменять td в jQuery для имени класса. вот скрипка: http://jsfiddle.net/HY2Q3/2/