jquery - 如何选择区间之间的元素

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>元素。看看 this example fiddle ，找到 5 <div>第 10 个之后的元素 ( :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);

(example)