jQuery斑馬條紋：跳過第一行

Question

我需要一些使用jQuery斑馬條紋表格的幫助。我想要第一個表格行是紅色的，然後斑馬條紋其餘的行。

我可以做第一個錶行用紅色：

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

但是，如果我添加了斑馬條紋如下，那麼它覆蓋的紅色條紋。

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

如何在斑馬條紋時跳過第一行？

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");