如何选择区间之间的元素

发布于 2024-10-12 04:56:09 字数 580 浏览 2 评论 0原文

我有 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 标签。

I have html and want to select interval 5 elements from 10'th position. How to do this?

My 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>

I try with jquery:

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

but it select me div and img tags. But I need div tags.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

数理化全能战士 2024-10-19 04:56:09

您的代码可以很好地完成工作,并且仅选择

元素。看一下这个小提琴示例,它找到了 5 个

元素第 10 个之后 (:gt(9):lt(15))。


The selector you have will only select elements with that class name, in the case of your example HTML, it's just the <div> elements. No <img> elements will be selected. As rcravens had already pointed out, the two selectors modify the result separately, so you need to use :lt() first - :lt(15):gt(9).

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

您最好使用 slice,这只是对结果因此不那么混乱,更不用说更快了:

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

(示例)

Your code does the job just fine, and selects only <div> elements. Take a look at this example fiddle, which finds 5 <div> elements after the 10th (:gt(9):lt(15)).


The selector you have will only select elements with that class name, in the case of your example HTML, it's just the <div> elements. No <img> elements will be selected. As rcravens had already pointed out, the two selectors modify the result separately, so you need to use :lt() first - :lt(15):gt(9).

Updated example at: http://jsfiddle.net/teQkf/3/. The next part of the example code finds the <img> elements within the result and changes their src to something else.

You're better off using slice, which is only a single operation on the result and therefore less confusing, not to mention faster:

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

(example)

情未る 2024-10-19 04:56:09

试试这个:

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

这是一个可以玩的jFiddle。

http://jsfiddle.net/rcravens/m3j6K/

它看起来像是链接“gt”和“ lt' 选择器意味着 'lt' 应用于 'gt' 之后剩余的内容。

鲍勃

try this:

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

Here is a jFiddle to play around with.

http://jsfiddle.net/rcravens/m3j6K/

It looks like chaining the 'gt' and 'lt' selectors means 'lt' is applied to what remains after the 'gt'.

Bob

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文