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

Question

我已经为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");
});

Answer 1

这样的事情应该有效:

$(".stripeMe tr").each(function(i){
    if (i%4 < 2){
        $(this).addClass("alt");
    }
});

Answer 2

为什么不尝试第 n 个孩子呢？这里有很多变化。nth-child 如何工作。我确信你可以在 JavaScript 中使用伪 :hover 而不是 .mouseover 。