jquery :nth-child选择器所出现的问题解决
程序员文章站
2022-04-05 21:48:16
...
我可以为每个第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选择器所出现的问题解决的详细内容,更多请关注其它相关文章!
上一篇: layui选项卡效果实现代码分享
下一篇: vue组件jsx语法使用步奏详解
推荐阅读
-
jquery选择器[attribute=value]出现的问题解决办法
-
Jquery :lt(index)与:gt(index))选择器出现的问题解决
-
jQuery :first-child选择器使用出现的问题
-
jQuery :nth-child选择器的使用案例
-
Jquery :lt(index)与:gt(index))选择器出现的问题解决
-
jQuery :first-child选择器使用出现的问题
-
jquery :nth-child选择器所出现的问题解决
-
jquery中选择子元素的选择器即nth-child选择器
-
JQuery中:nth-child(N)和:eq(N)选择器两者的区别
-
jQuery选择器:first-child和:nth-child以及:last-child的使用总结