jQuery Zebra Striping：Skip First Row

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