jQueryのセレクタ未満

Question

を動作しませんなぜ私はj​​queryのを使用しようとしている：サイト内の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/

編集：これは重複しません。私は私の特定の質問に対する解決策を望んでいる。どのように私はrow3とrow4を得るのですか？

Answer 1

:ltのインデックスは、:gtから返されたインデックスです。 :ltには4つの要素しか入力されていません。すべては5未満のインデックスを持つため、すべて一致しています。

:gt

最初は有効行3、4、5、6、及び:ltによって照合さ行のみを返します。

あなたは、行3と4のみを選択したい場合、あなたは:gt(2):lt(2)が:gt(2)によって返された最初の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>