Jquery與可見性交替行

Question

Jquery斑馬條紋表中的某些行被設置爲'display：none'，並且仍然有可見行以顏色交替，而沒有兩行具有相同顏色相鄰的行嗎？

Answer 1

這是可能的:visible和:odd（或:even）選擇：

$('table').find('tr:visible:odd').addClass('odd'); 

然後，你可以這樣做：

table tr td { 
    background-color: #fff; 
} 

table tr.odd td { 
    background-color: #c1c1c1; 
}