如何在间隔之间选择元素

Question

我有html并想从第10位选择间隔5个元素.这该怎么做？

我的HTML:

<div class="chaire">
   <img alt="" src="2.gif">

</div>
<div class="chaire">
   <img alt="" src="2.gif">
</div>
<div class="chaire">
   <img alt="" src="2.gif">
</div>
<div class="chaire">
   <img alt="" src="2.gif">
</div>
...
<div class="chaire">
   <img alt="" src="2.gif">
</div>

我尝试使用jquery:

$(".chaire:gt(10):lt(15)");

但它选择了我div和img标签.但我需要div标签.

Answer 1

您的代码可以很好地完成工作，并且仅选择<div>元素。看一下这个例子 fiddle<div> ，它在第 10 个 ( ) 之后找到 5 个元素:gt(9):lt(15)。

您拥有的选择器只会选择具有该类名称的元素，在您的示例 HTML 中，它只是元素<div>。<img>不会选择任何元素。正如rcravens已经指出的那样，两个选择器分别修改结果，因此您需要:lt()先使用 - :lt(15):gt(9)。

更新示例位于： http: //jsfiddle.net/teQkf/3/。示例代码的下一部分查找<img>结果中的元素并将其 src 更改为其他内容。

您最好使用slice，它只是对结果的单个操作，因此不会那么混乱，更不用说更快了：

$(".chaire").slice(10,15);

（例子）