jQuery 斑马条纹 : 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 为第一行的选择器添加一个异常(exception)即可选择器

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

这是一个fiddle展示它的实际效果。

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