html – 确定表中偶数/奇数行的更好方法

假设您有一个包含以下示例代码的网页：

<tr class="even">
    <td>something1</td>
    <td colspan="1">somthing1.1</td>
</tr>


<tr class="odd">
    <td>something2</td>
    <td><b>something2.1</b></td>
</tr>

<tr class="even">
    <td>something3</td>
    <td><b>something3.1</b></td>
</tr>

这些不是循环所以我必须明确说’偶”奇’.如果我们决定在something2和something3之间添加一个新行,那么我们需要为其余行更改’even”odd’.

在IE6中有自动执行此操作的方法吗？

目前这是我的css代码甚至

.headerTable tr.even {
    font-weight : bold;
    font-size : 9pt;
    font-family : Arial,Helvetica,sans-serif,Verdana,Geneva;
    background-color: #FFFFFF;
    height: 20px;
    color: #000000;
}

我已经有了jQuery

解决方法

试试jQuery吧.然后你可以简单地这样做：

$("#myTable tbody tr:visible:even",this).addClass("even"); 
   $("#myTable tbody tr:visible:odd",this).addClass("odd");

“：visible”选择器不是必需的,但是当您通过隐藏某些行来过滤表时,该方法仍然可以正常工作.