jQuery-Traversierung -Geschwister
Geschwister teilen dasselbe Elternelement.
Mit jQuery können Sie im DOM-Baum seitwärts traversieren, um Geschwister eines Elements zu finden.
Horizontales Traversieren im DOM-Baum
Es gibt viele nützliche Methoden, um den DOM-Baum horizontal zu traversieren:
- siblings()
- next()
- nextAll()
- nextUntil()
- prev()
- prevAll()
- prevUntil()
jQuery siblings()-Methode
Die siblings()-Methode gibt alle Geschwisterelemente des ausgewählten Elements zurück.
Das folgende Beispiel gibt alle Geschwisterelemente von <h2> zurück:
Sie können auch einen optionalen Parameter verwenden, um die Suche nach Geschwisterelementen zu filtern.
Das folgende Beispiel gibt alle <p>-Elemente zurück, die Geschwister von <h2> sind:
jQuery next()-Methode
Die Methode next() gibt das nächste Geschwisterelement des ausgewählten Elements zurück.
Diese Methode gibt nur ein Element zurück.
Das folgende Beispiel gibt das nächste Geschwister von <h2> zurück:
jQuery nextAll()-Methode
Die Methode nextAll() gibt alle nachfolgenden Geschwisterelemente des ausgewählten Elements zurück.
Das folgende Beispiel gibt alle nachfolgenden Geschwister von <h2> zurück:
jQuery nextUntil()-Methode
Die Methode nextUntil() gibt alle nachfolgenden Geschwisterelemente zwischen zwei angegebenen Argumenten zurück.
Das folgende Beispiel gibt alle Geschwisterelemente zwischen <h2>- und <h6>-Elementen zurück:
jQuery prev(), prevAll() & prevUntil() Methoden
Die Methoden prev(), prevAll() und prevUntil() funktionieren ähnlich wie die oben genannten Methoden, außer dass sie in die entgegengesetzte Richtung gehen: Sie geben vorherige Geschwisterelemente zurück (sie durchlaufen die vorherigen Geschwister eines Elements im DOM-Baum, nicht die nachfolgenden Geschwister).
Andere Erweiterungen