jQuery Verfahrgeschwindigkeit

❮ Zurück Weiter Kapitel ❯

Geschwister teilen die gleichen Eltern.

Mit jQuery können Sie seitlich in der DOM-Struktur durchqueren Geschwister eines Elements zu finden.

Verfahrgeschwindigkeit Sideways im DOM-Baum

Es gibt viele nützliche jQuery Methoden zum Durchlaufen seitlich im DOM-Baum:

siblings()
next()
nextAll()
nextUntil()
prev()
prevAll()
prevUntil()

jQuery siblings() Methode

Die siblings() Methode gibt alle Geschwister Elemente des ausgewählten Elements.

Das folgende Beispiel gibt alle Geschwisterelemente von <h2> :

Beispiel

$(document).ready(function(){
$("h2").siblings();
});

Versuch es selber "

Sie können auch einen optionalen Parameter zu filtern, um die Suche nach Geschwister verwenden.

Das folgende Beispiel gibt alle Geschwisterelemente von <h2> , die <p> Elemente:

Beispiel

$(document).ready(function(){
$("h2").siblings("p");
});

Versuch es selber "

jQuery next() Methode

Die next() Methode gibt den nächsten gleichrangigen Element des ausgewählten Elements.

Das folgende Beispiel gibt den nächsten Geschwister von <h2> :

Beispiel

$(document).ready(function(){
$("h2").next();
});

Versuch es selber "

jQuery nextAll() Methode

Die nextAll() Methode liefert alle nächsten geordneten Elemente des ausgewählten Elements.

Das folgende Beispiel gibt alle nächsten Geschwisterelemente von <h2> :

Beispiel

$(document).ready(function(){
$("h2").nextAll();
});

Versuch es selber "

jQuery nextUntil() Methode

Die nextUntil() Methode gibt alle nächsten Geschwisterelemente zwischen zwei gegebenen Argumenten.

Das folgende Beispiel gibt alle Geschwisterelemente zwischen einem <h2> und <h6> Element:

Beispiel

$(document).ready(function(){
$("h2").nextUntil("h6");
});

Versuch es selber "

jQuery prev(), prevAll() & prevUntil() Methoden

Die prev(), prevAll() und prevUntil() Methoden funktionieren genauso wie die Methoden oben , jedoch mit umgekehrter Funktion: sie zurückkehren vorherige Geschwisterelemente (durchqueren rückwärts entlang geordneten Elemente im DOM - Baum statt vorwärts).

Testen Sie sich mit Übungen!

Übung 1 » Übung 2» Übung 3 » Übung 4» Übung 5 » Übung 6»