jquery - 如何使用 jQuery 定位多类元素

Question

我有以下两个表和 jQuery:

<table class="grid" />
<table class="grid custom" />

 $('.grid tr:even').addClass('alt');

这里发生的情况是两个表都被 jQuery 定位。第一个表很好，因为选择了偶数行，但是在第二个表上选择了奇数行。

表1(网格)
第 1 行
第 2 行 - 背景颜色(这是正确的)

表2(网格自定义)
第 1 行 - 背景颜色(这是错误的)
第 2 行

我该如何解决这个问题？

Answer 1

http://jsfiddle.net/Ftk5n/

问题在于 $('.grid tr:even') 选择器将 :even 标准应用于 返回的所有行集.grid tr。您希望在每个表的基础上应用 :even。

顺便说一句，您可以纯粹在 CSS 中执行此操作:http://jsfiddle.net/ahf9q/1/

编辑:事实证明，jQuery 具有 nth-child 选择器，其操作方式与 CSS 类似。如果您决定在 jQuery 而不是 CSS 中执行此操作，您可以这样做:

$('.grid tr:nth-child(odd)').addClass('alt');

http://jsfiddle.net/Ftk5n/2/