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

前端之家收集整理的这篇文章主要介绍了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”选择器不是必需的,但是当您通过隐藏某些行来过滤表时,该方法仍然可以正常工作.

原文链接:https://www.f2er.com/html/227194.html

猜你在找的HTML相关文章