Jquery 每2行交替添加一个CSS类
我有一张这样的桌子:Jquery 每2行交替添加一个CSS类,jquery,Jquery,我有一张这样的桌子: <table> <tr><td>Test</td></tr> <tr><td>Test</td></tr> <tr><td>Test</td></tr> <tr><td>Test</td></tr> <tr><td&
<table>
<tr><td>Test</td></tr>
<tr><td>Test</td></tr>
<tr><td>Test</td></tr>
<tr><td>Test</td></tr>
<tr><td>Test</td></tr>
<tr><td>Test</td></tr>
<tr><td>Test</td></tr>
<tr><td>Test</td></tr>
<tr><td>Test</td></tr>
<tr><td>Test</td></tr>
<tr><td>Test</td></tr>
<tr><td>Test</td></tr>
<tr><td>Test</td></tr>
<tr><td>Test</td></tr>
</table>
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
我想在每2行之后添加一个CSS类alt
,例如,我将有一个由2行白色、2行红色、2行白色、2行红色等组成的序列。这在JQuery中可能吗?
var t=0;
$(“表tr”)。每个(函数(i,n)
{
if(t<2)
{$(this.css('background-color','red');
}
else if(t<4)
{
$(this.css('background-color','white');
}
t++;
如果(t==4)t=0;
})
类似这样的内容:
$('tr:nth-child(4n),tr:nth-child(4n-1)').addClass('alt');
这使用了一个合适的方程式
演示:
或:
请参阅此相关问题-请参阅
$('tr:nth-child(4n),tr:nth-child(4n-1)').addClass('alt');
$('tr:nth-child(4n)').prev().andSelf().addClass('alt');