试图在表中将斑马条带任意行

Question

我有一个表格，上面有一个由类标记的行。这些行应该是斑马条纹。警告是他们并不总是连续的。

我尝试按表格和班级名称进行匹配，但最终结果总是不正确。发生的事情是，将条带应用于表级别，然后仅在类行上启用。

像我打算一样，我需要改变什么才能使这项工作？

脚本

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>

Answer 1

您可能会变得太困难。如果您想进行斑马条纹，为什么不使用类似的东西 ：奇数选择器 并根据班级更改。这样的东西...

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

然后CSS将是...

.zebra 
{
    background-color: #dddddd;
}