为什么jQuery小于选择器不起作用[重复]

Question

我正在尝试在网站中使用 jquery :lt() 选择器 “描述：选择匹配集中索引小于索引的所有元素。” https://api.jquery.com/lt-selector/

<table border="1">
<tr><td>row0</td></tr>
<tr><td>row1</td></tr>
<tr><td>row2</td></tr>
<tr><td>row3</td></tr>
<tr><td>row4</td></tr>
<tr><td>row5</td></tr>
<tr><td>row6</td></tr>
</table>

我想选择 row3 和 row4 所以我尝试了：

$("table tr:gt(2):lt(5)").css('background','red');

但是好像不行，它选择row3,row4,row5,row6有什么想法吗？

https://jsfiddle.net/foreyez/v3ro64bf/

编辑：这不是重复的。我想解决我的具体问题。如何获得第 3 行和第 4 行。

Answer 1

:lt 的索引是 :gt 返回的索引。 :lt 只输入了 4 个元素，其中 all 的索引小于 5，因此它们都匹配。

第一个 :gt 有效地返回第 3、4、5 和 6 行，只有这些行与 :lt 匹配。

如果您只想选择第 3 行和第 4 行，您希望:gt(2):lt(2) 选择:gt(2) 返回的前两行：

$("table tr:gt(2):lt(2)").css('background','red');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table border="1">
<tr><td>row0</td></tr>
<tr><td>row1</td></tr>
<tr><td>row2</td></tr>
<tr><td>row3</td></tr>
<tr><td>row4</td></tr>
<tr><td>row5</td></tr>
<tr><td>row6</td></tr>
</table>