Jquery改变偶数类中每个下一个偶数tr的颜色[关闭]答案

【问题标题】：Jquery changing color of each next even tr in even class [closed]Jquery改变偶数类中每个下一个偶数tr的颜色[关闭]
【发布时间】：2015-01-29 19:00:32
【问题描述】：

我正在尝试使用偶数类，例如$("tr:even").css.. 这适用于将它们全部更改为一种颜色，但我想选择哪个偶数。

例如：

<tr></tr>even
<tr></tr>odd
<tr></tr>even 
<tr></tr>odd
<tr></tr>even
<tr></tr>odd

我想使用 for 循环并说第一个偶数 tr 是红色，第二个偶数 tr 是蓝色，第三个偶数 tr 是绿色。我不确定在偶数类中选择这样的细节是否可行，但这对我的程序是有益的。

【问题讨论】：

css不是更好吗？
还有你不使用CSS的原因，这完全可以满足你的要求..？使自己的生活复杂化很少是有益的解决方案。

标签： javascript jquery class colors html-table

【解决方案1】：

这是否满足您的要求？

$('tr:nth-child(2n)').css('background-color', 'red');
$('tr:nth-child(4n)').css('background-color', 'blue');
$('tr:nth-child(6n)').css('background-color', 'green');

只有当你真的非常想使用 jQuery 时。我同意直接使用 CSS 会更好。

JSFiddle Here

【讨论】：

什么是:nth-child(2n)？这就是您指定特定 tr 的方式吗？
是的，满意，我使用了颜色数组的 adenos 注释。
这只是一个 CSS 选择器。它选择每隔一个tr。 nth-child(4n) 每 4 次选择一次，最后每 6 次选择一次。所以这只有在你有 6 个 trs 时才有效
这是一个小提琴，它将重复该模式超过 6 个 trs: jsfiddle.net/d9m1c2qd/2

【解决方案2】：

尝试使用 nth-child 代替。这样您就可以指定每个孩子的颜色。

http://www.w3schools.com/cssref/sel_nth-child.asp

【讨论】：