jquery – 交替表行颜色,但有2行数据

前端之家收集整理的这篇文章主要介绍了jquery – 交替表行颜色,但有2行数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经为Zebra条纹设置了表格,但是如何使行颜色交替为2行而不是单行呢?

我的数据标记如下所示:

<tr>
        <td>@task.TaskNum</td>
            <td>@task.RepiarTime</td>
            <td>Priority Club</td>
            <td>SD</td>
            <td>Commercial</td>
            <td>Reg Commercial</td>
            <td>After Hours</td>
        </tr>
        <tr><td colspan="7">
                @task.Description.ToString()
            </td></tr>

我用它来条纹化它:

$(document).ready(function () {
    $(".stripeMe tr").mouSEOver(function () { $(this).addClass("over"); }).mouSEOut(function () { $(this).removeClass("over"); });
    $(".stripeMe tr:even").addClass("alt");
});

解决方法

这样的事情应该有效:
$(".stripeMe tr").each(function(i){
    if (i%4 < 2){
        $(this).addClass("alt");
    }
});
原文链接:https://www.f2er.com/jquery/176164.html

猜你在找的jQuery相关文章