Heim > Artikel > Web-Frontend > jquery: N-te-Kind-Selektor-Problemlösung
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!