jquery - 例外を除いた代替行の色

Question

いくつかの行が非表示になっているテーブルがあります。私はそれらを示しますが、要求に応じて。ユーザーは、これらの行を表示するためのアクションを実行する必要があります。非表示の各行には、TRタグ付きのclass="hideMe"があります。

交互の行にクラスを追加して色を変更したいのですが、常に表示されている行にのみ適用します。通常は簡単ですが、隠し行の例外をどのように組み込むかはわかりません。

$('.myTable tr:odd:not(hideMe)').addClass('altRow');  

CSSだけで実行できますか、それともjQueryの魔法を投入する必要がありますか？

Answer 1

JavaScript に頼る必要があります。

$('.myTable tr:not(.hideMe)').each(function (i) {
    $(this).toggleClass( 'altRow', !! (i % 2) );
});

これがフィドルです：http://jsfiddle.net/PxT93/

---

パフォーマンスをわずかに向上させるために、&モジュロの代わりにビット単位の演算子を使用できます。

$('.myTable tr:not(.hideMe)').each(function (i) {
    $(this).toggleClass( 'altRow', !! (i & 1) );
});

これがフィドルです：http://jsfiddle.net/PxT93/1/

Answer 2