本文通过几个具体的示例介绍了如何利用jQuery选择器来对HTML表格中的特定行进行样式修改，以此来实现高亮显示等功能。重点讲解了gt和lt选择器的用法，以及它们在实际应用中的注意事项。
<body>
<table style="width: 200px;">
<tr>
<td>姓名</td>
<td>分数</td>
</tr>
<tr>
<td>小明</td>
<td>100</td>
</tr>
<tr>
<td>小张</td>
<td>99</td>
</tr>
<tr>
<td>小方</td>
<td>98</td>
</tr>
<tr>
<td>小圆</td>
<td>97</td>
</tr>
<tr>
<td>小壮</td>
<td>96</td>
</tr>
<tr>
<td>小张</td>
<td>95</td>
</tr>
</table>
</body>
首先我们要明确，gt，lt计数都是下标从0开始，而且不论大小小于，都不包括它自己本身。
①$("tr:lt(3)").css("backgroundColor", "yellow");
姓名,小明,小张(0,1,2)三行黄
②$("tr:gt(0):lt(3)").css("backgroundColor", "yellow");
我们要注意的是，gt(0)以后，索引为0的已经被排除了，那么剩下的有重新计数，下标又从0开始。
小明,小张,小方(0,1,2)三行黄
③$("tr:gt(3):lt(2)").css("backgroundColor", "yellow");
1 大于3，找到小圆。
2 小圆，小壮，小张(0,1,2)，
3 小于2，小圆，小壮(0,1)黄。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
