每隔两行添加一个CSS类 [英] Add a CSS Class alternating every 2 rows

问题描述

我有一张这样的桌子:

<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可以吗?

​ I want to add a CSS Class alt after every 2 rows, so for example I'll have a sequence of 2 white rows, 2 red rows, 2 white rows, 2 red rows and so on. Is this possible with JQuery?

推荐答案

http://jsbin. com/okahax/edit#javascript，html

var t = 0;
$("table tr").each(function (i, n)
{
    if (t < 2) 
    {$(this).css('background-color','red');

    }
    else if (t < 4)
    { 
        $(this).css('background-color','white');

    }
  t++;
  if (t==4) t=0;
})

这篇关于每隔两行添加一个CSS类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！