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中文網其他相關文章！