javascript - 尝试斑马条纹表中的任意行

我有一个表，其中包含由类标记的行。这些行应斑马条纹。需要注意的是，它们并不总是连续的。

我尝试按表和类名进行匹配，但最终结果始终不正确。发生的情况是，条带化将在表级别应用，然后仅在具有类的行上启用。

要使此功能按预期工作，我需要更改什么？

脚本

function FormatTable()
{
   $("#TableId .arbitrarySelector:nth-child(2n+1)" ).addClass('anotherEquallySpecialRow')
}

的HTML

<table id="TableId" onclick="FormatTable()">
    <tr class="arbitrarySelector">
        <td><div class="space">Should be Changed and is</div></td>
    </tr>
    <tr class="arbitrarySelector">
        <td><div class="space">Should Not be Changed and is Not</div></td>
    </tr>
    <tr class="arbitrarySelector">
        <td><div class="space">Should be Changed and is</div></td>
    </tr>
    <tr>
        <td><div class="space"></div></td>
    </tr>
    <tr class="arbitrarySelector">
        <td><div class="space">Should NOT be changed but is</div></td>
    </tr>
    <tr>
        <td><div class="space"></div></td>
    </tr>
    <tr class="arbitrarySelector">
        <td><div class="space">Should be Changed and is</div></td>
    </tr>
    <tr>
        <td><div class="space"></div></td>
    </tr>
    <tr>
        <td><div class="space"></div></td>
    </tr>
    <tr class="arbitrarySelector">
        <td><div class="space">Should Not be Changed and is Not</div></td>
    </tr>
    <tr class="arbitrarySelector">
        <td><div class="space">Should be Changed and is</div></td>
    </tr>
    <tr class="arbitrarySelector">
        <td><div class="space">Should Not be Changed and is Not</div></td>
    </tr>
</table>

最佳答案

您可能使这太困难了。如果要进行斑马条纹处理，为什么不只使用:odd selector之类的东西并根据需要更改类。像这样

// Add zebra striping.
$('.arbitrarySelector:odd').addClass('zebra');

然后CSS就像...

.zebra
{
    background-color: #dddddd;
}

关于javascript - 尝试斑马条纹表中的任意行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4501359/