jQuery Zebra Striping：最初の行をスキップ

Question

jQueryを使用してテーブルをストライピングするゼブラの助けが必要です。私は最初のテーブルの行を赤にしてから、ゼブラが残りの行をストライプしたい。

私が使用して赤い最初のテーブルの行を行うことができます。

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

をしかし、次のように私はゼブラストライプを追加する場合、それは赤のストライプを上書きします。

ゼブラストライピングの場合、最初の行をスキップするにはどうすればよいですか？

Answer 1

はちょうどここにjQueryのセレクタNot

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

を使用して、最初の行のためにあなたのセレクタに例外を追加アクションでそれを示すfiddleあります。

または、ストライピング後に最初の行の色を設定できます。

Answer 2

実行この最後：

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