首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >JQuery -使用类遍历div的每个实例,并将类添加到前n项

JQuery -使用类遍历div的每个实例,并将类添加到前n项
EN

Stack Overflow用户
提问于 2009-12-15 01:21:34
回答 4查看 2.3K关注 0票数 1

我有一些盒子

代码语言:javascript
复制
<div class='ICS_Picture'>
Text
</div>
<div class='ICS_Picture'>
Text
</div>
<div class='ICS_Picture'>
Text
</div>
<div class='ICS_Picture'>
Text
</div>

我希望jquery向前n个项目之后的所有项目添加一个类。

我有一些类似的代码,可以为tr做这件事,但是不能得到当前项目的正确语法。

代码语言:javascript
复制
$('.ICS_Picture').each(function(){
   $(this).addClass("hideme");
});

谢谢

克里斯

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2009-12-15 01:24:33

代码语言:javascript
复制
$('.ICS_Picture:lt(n)').addClass('hideme');

其中n是您希望应用类的元素的数量。所以如果你想把它应用于前四个元素,n= 4。

编辑--

我刚刚重读了这个问题,OP希望在一定数量之后将样式应用于项目。在这种情况下,请使用以下代码:

代码语言:javascript
复制
$('.ICS_Picture:gt(n-1').addClass('hideme');

请注意n-1,因为索引是从零开始的,所以如果你想在第四个元素之后开始应用样式,你需要确保你提供的值是3。显然,如果你计划n是一个动态值而不是硬编码,标准的连接规则将适用。

票数 10
EN

Stack Overflow用户

发布于 2009-12-15 01:29:49

代码语言:javascript
复制
$('.ICS_Picture:gt(4)').addClass('hideeme');
票数 2
EN

Stack Overflow用户

发布于 2009-12-15 01:27:01

首先,每种方法都不是迭代jquery对象的最佳方式。

你可以做什么来实现你想要的:

代码语言:javascript
复制
    var $ICSPictures = $('.ICS_Picture');
    for (var i=0;i<$ICSPictures.length;i++){
      if(i>=myLimit)
        $ICSPictures.eq(i).addClass("hideme");
    }

myLimit是您在问题中提到的数字n。

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1902254

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档