jQuery Zebra Striping：跳过第一行答案

【问题标题】：jQuery Zebra Striping: Skip First RowjQuery Zebra Striping：跳过第一行
【发布时间】：2012-02-03 17:45:57
【问题描述】：

我需要一些关于使用 jQuery 对表格进行斑马条纹处理的帮助。我希望第一个表格行是红色的，然后对其余的行进行斑马条纹。

我可以使用以下方法将第一行设为红色：

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

但是，如果我按如下方式添加斑马条纹，那么它会覆盖红色条纹。

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

斑马条纹时如何跳过第一行？

【问题讨论】：

【解决方案1】：

只需使用 jQuery Not 选择器为第一行的选择器添加一个例外

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

这是一个fiddle 展示它的实际应用。

或者您可以在条纹之后设置第一行颜色。

【讨论】：

【解决方案2】：

最后运行：

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

【讨论】：