• 技术文章 >web前端 >js教程

    jquery :nth-child选择器所出现的问题解决

    黄舟黄舟2017-06-23 14:08:31原创962
    我可以为每个第4个'item'div样式。

    jQuery(“。item:nth-child “).addClass(”fourth-item“);

    并且工作正常,但是我隐藏一些项目,显示一些其他,这种风格,但只有可见的每4个项目的样式。所以我有一个函数,将删除这个样式并重新应用它,但我需要在重新应用的风格,它只是每隔4个可见项目,而不是每4个项目。我知道“:可见”选择器,但不能看到链接它与第n子选择器正确,任何想法?

    我试过各种各样的事情,无效...

    jQuery(“。item”)。removeClass(“fourth-item”); 
     jQuery(“。item:visible:nth-child(4n)”)。addClass(“fourth-item”);

    解决方案

    :nth-child 扫描父项的子项,无论它们的样式是什么。在 :nth-child 相对于父元素,而不是先前的选择器。这在的jQeury文档中解释:nth-child :

    code>:nth-child(n),所有子项都被计数,而不管它们是什么,并且指定的元素只有当它与附加到伪类的选择器匹配时才被选择。

    使用更简单的方法,每个 / p>

      $('#test li:visible')。each(function(i){
     if(i%4 == 0)$(this).addClass('fourth-item'); 
    });

    以上就是jquery :nth-child选择器所出现的问题解决的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:JQuery中:nth-child(N)和:eq(N)选择器两者的区别 下一篇: jquery中选择子元素的选择器即nth-child选择器
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• 什么是变更检测?聊聊angular的变更机制• 深入了解angular中的@Component装饰器• JavaScript面向对象详细解析之属性描述符• 什么是状态?深入学习angular中的动画• 浅析node中path路径模块的一些API
    1/1

    PHP中文网