可視性を持つJqueryの交互の行

Question

いくつかの行が 'display：none'に設定されていて、同じ色を持つ2つの行が並んでいない視覚的な行がまだ交互に並んでいます。

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; 
}