<JQuery Verfahrgeschwindigkeit Methoden
Beispiel
Gibt alle nächsten Geschwisterelemente von jedem <li> Element mit Klassennamen "start" :
$(document).ready(function(){
$("li.start").nextAll().css({"color": "red", "border": "2px
solid red"});
});
Ergebnis:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
- li (sibling)
Versuch es selber " Definition und Verwendung
Die nextAll() Methode liefert alle nächsten geordneten Elemente des ausgewählten Elements.
Geschwisterelemente sind Elemente, die die gleichen Eltern teilen.
Der DOM - Baum: Diese Methode durchqueren vorwärts entlang Geschwister von DOM - Elementen.
Ähnliche Methoden:
- next() - gibt den nächsten gleichrangigen Element des ausgewählten Elements
- nextUntil() - liefert alle nächsten Geschwisterelemente zwischen zwei gegebenen Argumente
Syntax
$(selector).nextAll( filter )| Parameter | Beschreibung |
|---|---|
| filter | Optional. Gibt einen Selektor Ausdruck der Suche nach nächsten Geschwister zu verengen Hinweis: Um mehrere Geschwister zurückkehren, trennen Sie die einzelnen Ausdruck mit einem Komma. |
Probieren Sie es selbst - Beispiele
Verfeinern Sie die Suche
Wie die Suche nach nächsten Geschwisterelemente zu filtern.
Zurück mehrere Geschwister
Mit Hilfe der Filterparameter erhalten alle Geschwister von einem <h2> Element , das Klassennamen haben "first", "second" und "third" .
Wählen Sie alle nächsten Geschwisterelemente eines <p> Element
Wie alle nächsten Geschwisterelemente eines auszuwählen <p> Element.
Alles auswählen nächsten Geschwister <p> Elemente von <div>
Wie alle nächsten Geschwister zu wählen <p> Elemente jedes <div> Element.