jquery – 每2行交替添加一个CSS类

发布时间:2020-10-14 发布网站:编程之家
编程之家收集整理的这篇文章主要介绍了jquery – 每2行交替添加一个CSS类编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一张像这样的桌子:

<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>

我想在每两行后添加一个CSS类alt,所以例如我将有一个2个白色行,2个红色行,2个白色行,2个红色行等的序列.这可能与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;
})

总结

以上是编程之家为你收集整理的jquery – 每2行交替添加一个CSS类全部内容,希望文章能够帮你解决jquery – 每2行交替添加一个CSS类所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入编程之家官方QQ群:1065694478