jQuery中的gt和lt
<body>
<table >
<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)黃。
最後更新:2017-04-02 22:16:40