jquery:nth-childセレクターの問題解決

4 番目の「アイテム」div ごとにスタイルを設定できます。

jQuery（“。item：nth-child “）.addClass（”fourth-item“）;

問題なく動作しますが、いくつかのアイテムを非表示にし、他のアイテムを表示するこのスタイルでは、4 つのアイテムごとしか表示されません。したがって、このスタイルを削除して再適用する関数がありますが、4番目のアイテムごとではなく、4番目の表示アイテムごとにのみスタイルを再適用する必要があります。 ":visible" セレクターについては知っていますが、それを 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> より簡単な方法を使用してください。

以上がjquery:nth-childセレクターの問題解決の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。