最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:懂视网 责编:小采 时间:2020-11-27 20:19:00
文档

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

jquery:nth-child选择器所出现的问题解决:我可以为每个第4个'item'div样式。jQuery(。item:nth-child ).addClass(fourth-item);并且工作正常,但是我隐藏一些项目,显示一些其他,这种风格,但只有可见的每4个项目的样式。所以我有一个函数,将删除这个样式并重新应用它,但我需
推荐度:
导读jquery:nth-child选择器所出现的问题解决:我可以为每个第4个'item'div样式。jQuery(。item:nth-child ).addClass(fourth-item);并且工作正常,但是我隐藏一些项目,显示一些其他,这种风格,但只有可见的每4个项目的样式。所以我有一个函数,将删除这个样式并重新应用它,但我需

我可以为每个第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选择器所出现的问题解决

jquery:nth-child选择器所出现的问题解决:我可以为每个第4个'item'div样式。jQuery(。item:nth-child ).addClass(fourth-item);并且工作正常,但是我隐藏一些项目,显示一些其他,这种风格,但只有可见的每4个项目的样式。所以我有一个函数,将删除这个样式并重新应用它,但我需
推荐度:
标签: 解决 选择 问题
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top