gpt4 book ai didi

jquery - 在 jQuery 中使用 nth-of-type 选择前十个元素

转载 作者:行者123 更新时间:2023-11-28 09:05:51 24 4
gpt4 key购买 nike

我正在尝试定位我页面上具有 .lazy 类的前十张图片

我正在使用 unveil要延迟加载图像,它会等待滚动来加载图像,但您可以使用此行触发所有图像加载:

$("img").trigger("unveil");

我只想触发前 10 张图片以始终直接显示,所以我试过这个:

$("#portfolio .portfolio-item img.lazy:nth-of-type(-n+10)").trigger("unveil");

在 CSS :nth-of-type(-n+10) 中选择前十个匹配元素,但是当我在我的控制台上使用这个 jQuery 尝试这个时

$("img.lazy:nth-of-type(-n+10)")

..它返回每个带有 .lazy

类的 img

我做错了什么?有没有办法选择前十个而不是使用 jQuery 的 .eq

让您了解我的标记:

<div class="portfolio">
<div class="portfolio-item">
<img class="lazy" src="item-1.jpg">
</div>
<div class="portfolio-item">
<img class="lazy" src="item-2.jpg">
</div>
<div class="portfolio-item">
<img class="lazy" src="item-3.jpg">
</div>
<div class="portfolio-item">
<img class="lazy" src="item-4.jpg">
</div>
etc... (there 20 items in total)
</div>

问题是每个 img 嵌套在一个单独的父级中吗?

最佳答案

您可以使用 lt选择器选择前 n 个元素。

Select all elements at an index less than index within the matched set.

$("#portfolio .portfolio-item img.lazy:lt(10)").trigger("unveil");

Demo

关于jquery - 在 jQuery 中使用 nth-of-type 选择前十个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31314254/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com