使用以下内容限制结果数：gt（）选择器

Question

我知道我可以使用gt选择器来定位某个索引之后的所有元素，但是如果我只想影响一定数量的元素，例如前3个？

因此，以下内容将为索引4之后的所有tds提供黄色背景：

<table border="1">
  <tr><td>TD #0</td><td>TD #1</td><td>TD #2</td></tr>
  <tr><td>TD #3</td><td>TD #4</td><td>TD #5</td></tr>
  <tr><td>TD #6</td><td>TD #7</td><td>TD #8</td></tr>
</table>

$( "td:gt(4)" ).css( "backgroundColor", "yellow" );

但是，如果我只希望在索引4之后只定位前2 tds，而不是所有这些呢？

Answer 1

您可以尝试：

$("td:gt(4):lt(2)").css("backgroundColor", "yellow");

http://jsfiddle.net/RdaGd/1/

Answer 2

我认为它适用于

$( "td:gt(4):lt(2)" ).css( "backgroundColor", "yellow" );

我有另一个解决方案

$( "td" ).slice(5, 7).css( "backgroundColor", "yellow" );

http://jsfiddle.net/EL9VW/