표 머리글 행을 추가하면 jQuery 선택기가 비활성화됩니다.

Question

jQuery를 사용하면 같은 행에있는 두 개의 셀을 비교할 때 셀을 강조 표시 할 수 있습니다. 나는 그것이 작동하지 않는 테이블에 헤더를 추가하는 경우, 그러나 http://jsfiddle.net/HY2Q3/

:

$(".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 바이올린입니다. 머리글 행과 같은 코드의

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

전체 JS 바이올린 추가 : http://jsfiddle.net/kah2J/

누군가가 해결책이나 설명을 제안 할 수 있습니까?

Answer 1

아직 머리글에 추가 한 tr의 선택기를 사용 중이기 때문에 jsfiddle을 업데이트하고 tbody 및 thead을 추가했지만 사용하지 않아도됩니다. 선택기를 적용 할 클래스를 tr에 추가하고 클래스 이름으로 jQuery에서 td을 스왑 아웃하면됩니다. 여기에 바이올린이 있습니다 : http://jsfiddle.net/HY2Q3/2/