jQuery Zebra选择器

Question

我有一个名为网格的CSS类，我放在我的桌子上。我想，所以我使用下面的jQuery代码

$(".grid tr:nth-child(even)").addClass("even"); 

这基本上说“应用CSS类甚至其中有一个父（各级）一类网格的任何tr标签到导电胶条我偶数行。 “这个问题是当我有嵌套表格时，子表格的tr标签也会得到均匀的样式。由于我没有用网格类指定子表，所以我不想让它拾取斑马条纹。

如何指定仅在具有网格类的标签的直接后代的tr标签上应用偶类？

Answer 1

你想用一个不同的选择，像孩子选择：

$(".grid > tr:nth-child(even)").addClass("even"); 

这限制了选择引导你的孩子只.grid。

Answer 2

有一个很棒的jQuery博客文章，您可能会觉得有用： Zebra Table Showdown。

这篇文章还包含了一个关于如何在大多数其他主要JavaScript库中进行斑马条纹的有趣讨论。

向下滚动查看关于使用jQuery将悬停效果添加到斑马条纹的评论。