Heim  >  Artikel  >  Web-Frontend  >  jquery: N-te-Kind-Selektor-Problemlösung

jquery: N-te-Kind-Selektor-Problemlösung

黄舟
黄舟Original
2017-06-23 14:08:311846Durchsuche

Ich kann jede 4. „Item“-Abteilung stylen.

jQuery(“。item:nth-child “).addClass(”fourth-item“);

und funktioniert gut, aber ich verstecke einige Elemente und zeige andere an, mit diesem Stil sind aber nur alle 4 Elemente sichtbar. Ich habe also eine Funktion , die diesen Stil entfernt und erneut anwendet, aber ich muss den Stil erneut anwenden, sodass er nur auf jedes vierte sichtbare Element und nicht auf jedes vierte Projekt angewendet wird. Ich kenne den „:visible“-Selektor, kann ihn aber nicht richtig mit dem n-ten untergeordneten Selektor verknüpfen, irgendwelche Ideen?

Ich habe verschiedene Dinge ausprobiert, ohne Erfolg...

jQuery(“。item”)。removeClass(“fourth-item”); 
 jQuery(“。item:visible:nth-child(4n)”)。addClass(“fourth-item”);

Lösung

: nth-child scannt die Kinder der Eltern, egal was sie sind ist der Stil von . Das :nth-child ist relativ zum übergeordneten Element, nicht zum vorherigen Selektor. Dies wird in der jQeury-Dokumentation erklärt: nth-child: nth-child(n), alle Kinder werden gezählt, unabhängig davon, was sie sind, und das angegebene Element wird nur gezählt, wenn es mit angehängt wird. Es wird nur ausgewählt, wenn der Selektor des

Pseudoklassen-

-Übereinstimmungen. Verwenden Sie eine einfachere Methode, jedes / p>

Das obige ist der detaillierte Inhalt vonjquery: N-te-Kind-Selektor-Problemlösung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn