伪类选择符 :odd  [返回伪类选择符目录]
描述:
当子元素相对其父元素的孩子节点下标位置为奇数时,则选择此子元素(元素下标值从0开始计算)
注意:
此伪类选择符通常与其它选择符称结合使用(例如: "tr:odd" , ".my:odd") .因为如果不结合其它选择符,将选中DOM文档节点树中所有孩节点为奇数的元素,而这往往不是我们所需要的选择结果.
示例:
HTML示例代码:
<table id="dataTb">
<tr><td>第1行数据</td></tr>
<tr><td>第2行数据</td></tr>
<tr><td>第3行数据</td></tr>
<tr><td>第4行数据</td></tr>
<tr><td>第5行数据</td></tr>
<tr><td>第6行数据</td></tr>
<tr><td>第7行数据</td></tr>
<tr><td>第8行数据</td></tr>
<tr><td>第9行数据</td></tr>
<tr><td>第10行数据</td></tr>
</table>

js代码:
JSer("#dataTb tr:odd").css('background-color','gray');
上面代码将id=dataTb表格的奇数索引行背景变成了灰色.执行后HTML显示效果如下:

注意:因索引值从0开始计算,所以查找表格奇数索引行1,3,5...行,实际就是表格的2,4,6...行.
<table id="dataTb">
<tr><td>第1行数据</td></tr>
<tr style="background-color:gray"><td>第2行数据</td></tr>
<tr><td>第3行数据</td></tr>
<tr style="background-color:gray"><td>第4行数据</td></tr>
<tr><td>第5行数据</td></tr>
<tr style="background-color:gray"><td>第6行数据</td></tr>
<tr><td>第7行数据</td></tr>
<tr style="background-color:gray"><td>第8行数据</td></tr>
<tr><td>第9行数据</td></tr>
<tr style="background-color:gray"><td>第10行数据</td></tr>
</table>
请参考:
JSer伪类选择符, 伪类选择符:even, 伪类选择符:nth-child