jQuery 斑马选择器

Question

我有一个名为 grid 的 CSS 类，我将其放在 table 上。我想 Zebra 去除偶数行，因此我使用以下 jQuery 代码

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

这基本上是说“甚至将 css 类应用于任何具有网格类父级(任何级别)的 tr 标签。”问题是当我有嵌套表时，子表的 tr 标签也会获得偶数样式。由于我没有指定具有网格类的子表，因此我不希望它拾取斑马条纹。

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

Answer 1

您想要使用不同的选择器，例如子选择器:

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

这限制了选择仅将您的 .grid 定向到子级。