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將懸停效果添加到斑馬條紋的評論。