描述:
n是一个非负整数,当子元素相对其父元素的孩子节点下标位置小于n时,则选择此子元素(元素下标值从0开始)
注意:
此伪类选择符通常与其它选择符称结合使用(例如: "tr:lt(5)" , ".my:lt(5)") .因为如果不结合其它选择符,将选中DOM文档节点树中所有孩节点下标小于n的元素,而这往往不是我们所需要的选择结果.
示例:
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:lt(3)").css('background-color','gray');
上面代码将id=dataTb表格行索引值小于3的行(即索引值为:0,1,2的行)背景变成了灰色.执行后HTML显示效果如下:
<table id="dataTb">
<tr
style="background-color:gray"><td>第1行数据</td></tr>
<tr
style="background-color:gray"><td>第2行数据</td></tr>
<tr
style="background-color:gray"><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>
请参考: