jQuery로 클릭 이벤트를 기반으로 테이블 행의 배경색 변경

Question

문서를 조작 할 준비가되면 jQuery는 다른 행을 시각적으로보기 위해 모든 짝수 행에 모든 클래스를 추가하고 모든 홀수 행에 클래스를 추가합니다. 그러나 (헤더를 기준으로 정렬하여) 행을 업데이트 할 때마다, 그들은 내가 시도한 것에 관계없이 업데이트하지 않습니다.

<script type="text/javascript"> 
    $(document).ready(function() { 
$('table tr:even').addClass('evenRow'); 
$('table tr:odd').addClass('oddRow'); 
$("th").click(function(event) { 
    $('table tr').removeClass('evenRow oddRow'); 
    $('table tr:even').addClass('evenRow'); 
    $('table tr:odd').addClass('oddRow'); 
}); 
    }); 
    </script> 

Answer 1

테이블 정렬이 수행되기 전에 클릭 이벤트 코드가 실행중인 것으로 보입니다. 행을 어떻게 정렬합니까? 플러그인을 사용하는 경우 플러그인이 행 스트라이핑을 본질적으로 지원하는지 확인하십시오 (예 : tableSorter 플러그인에이 기본 제공). 그렇지 않은 경우 플러그인은 jquery 코드로 함수를 전달할 수있는 "게시물 정렬"설정을 제공합니다.