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

我可以为每个第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中文网其他相关文章！