假设您有一个包含以下示例代码的网页:
<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’.
目前这是我的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”选择器不是必需的,但是当您通过隐藏某些行来过滤表时,该方法仍然可以正常工作.