爲什麼jQuery比選擇器不工作

Question

我想要在網站中使用jquery：lt（）選擇器它的方式 「描述：選擇索引小於index的所有元素在匹配的集合中。」 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/

編輯：這是不是重複。我想解決我的具體問題。我如何獲得row3和row4。

Answer 1

:lt的索引是由:gt返回的索引。 :lt只有4個元素進入它，其中所有他們有一個指數小於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>