jQuery를 테이블 CSS를 업데이트 후

Question

여기 내 문제의 추가, 나는 코드 샘플이 필요하지 않을 것이라고 생각 :

내가 전체 테이블을 정렬에 사용되는, 제목 <th>가 들어 첫 번째 행,의 HTML 테이블을 가지고 클릭시 및 클릭 된 열 아래의 데이터에 따라 달라집니다.

짧게 요약하자면, 첫 번째 행 이외의 모든 것을 먼저 제거한 다음, 내 JavaScript 스크립팅으로 다시 채우는 방식으로 테이블 내용을 조작하고 있습니다.이 스크립트는 큰 컴파일 된 문자열을 제공합니다. 새 HTML은 테이블에 추가됩니다.

이벤트 리스너와 모두를 다시 할당하고 매력처럼 작동하지만 표 셀 색상 표시 CSS는 업데이트되지 않습니다.

이

table tr:nth-child(2n) td:not(:first-child) { 
    background-color: white !important; 
} 

테이블 CSS 색상을 업데이트 할 수있는 방법이 있나요합니다 (!important가 작동하지 않습니다) : 나는 모든 홀수 행의 셀의 배경을 설정하는 다음 코드가? 또한 테이블을 완전히 제거하고 다시 생성하려고했습니다. 운이 없었습니다.

Answer 1

왜 CSS 대신 jQuery를 사용하지 않으시겠습니까? "! important"를 피하는 것이 항상 좋습니다.

$("tr:even td").css("background-color", "white"); 
$("tr:odd td").css("background-color", "none"); 
$("tr:first-child td").css("background-color", "none");