2012-01-05 8 views
1

jQuery를 사용하여 표를 얼룩 제거하는 데 도움이 필요합니다. 첫 번째 테이블 행을 빨간색으로 표시 한 다음 얼룩말로 나머지 행을 스트라이프하고 싶습니다. 다음과 같이 나는 얼룩말 줄무늬를 추가하는 경우, 다음은 빨간 줄무늬를 무시,jQuery Zebra Striping : 첫 번째 행 건너 뛰기

$("#my_table tbody tr:even").addClass("stripeRed"); 

그러나 :

나는 빨간색 첫 번째 테이블 행 사용을 할 수 있습니다.

$("#my_table tbody tr:even").addClass("stripeWhite"); 
$("#my_table tbody tr:odd").addClass("stripeBlack"); 

얼룩말 줄무늬가있는 경우 첫 번째 행을 건너 뛰려면 어떻게해야합니까?

답변

8

그냥 여기에 jQuery를 Not 선택

$("#my_table tbody tr:even:not(:first)").addClass("stripeWhite"); 
$("#my_table tbody tr:odd").addClass("stripeBlack"); 

를 사용하여 첫 번째 행에 대한 귀하의 선택에 예외가 추가 행동에 그것을 보여주는 fiddle이다.

또는 스트라이프 후 첫 번째 행 색상을 설정할 수 있습니다.

1

실행이 마지막 :

$("#my_table tbody tr:first") 
    .removeClass("stripeWhite") 
    .removeClass("stripeBlack") 
    .addClass("stripeRed"); 
관련 문제