숨기기 내가 얼룩말 줄무늬있는 테이블이 얼룩말 줄무늬

Question

을 유지 테이블의 거래 정보 저장소를 표시/마지막 하나).

1. 이 보이지 않는 테이블을 만들고 그것에서 /에 jQuery를 after()와 <TR>의 이동 :이 작업을 수행하는 두 가지 방법을 참조하십시오. 나는 분리를 테스트했고 작동합니다 (분리시 표가 다시 채색 됨). 분리 된 (아무데도없는) 행을 삽입하지 않으므로 행을 다른 테이블로 이동하면 도움이됩니다.
2. jQuery toggle()을 호출하고 우리가 토글하는 직후에 보이지 않는 <TR>을 생성/제거합니다.

어느 것이 더 낫습니까? 어쩌면 더 좋은 방법이 있을까요?

감사

Answer 1

CSS의 :nth-child 선택기 동위사이의 인덱스에 기초하여 요소를 선택한다. 요소의 가시성 (또는 다른 선택자)을 고려하지 않습니다. 대신 추가/jQuery를 사용하여 행을 제거

, 그냥 추가/클래스 이름을 제거 : http://jsfiddle.net/rTER4/

var $allRows = $('tr:visible'); 
var $oddRows = $allRows.filter(':odd'); 
var $evenRows = $allRows.filter(':even'); 

// Remove old classes, then add new ones. 
$oddRows.removeClass('even').addClass('odd'); 
$evenRows.removeClass('odd').addClass('even'); 

/* CSS */ 
tr.even { background-color: red; } 
tr.odd { background-color: blue;}