jQuery Verfahrgeschwindigkeit

❮ Zurück Weiter Kapitel ❯

Ein Vorfahre ist ein Elternteil, Großeltern, Urgroßeltern, und so weiter.

Mit jQuery können Sie den DOM-Baum durchqueren bis Vorfahren eines Elements zu finden.

Verfahrgeschwindigkeit bis das DOM-Baum

Drei nützliche jQuery Methoden zum Durchlaufen des DOM-Baum nach oben sind:

parent()
parents()
parentsUntil()

jQuery parent() Methode

Die parent() Methode gibt das direkte übergeordnete Element des ausgewählten Elements.

Diese Methode ist nur eine einzige Ebene auf der DOM-Struktur durchqueren.

Das folgende Beispiel gibt die direkte Mutterelement jeder <span> Elemente:

Beispiel

$(document).ready(function(){
$("span").parent();
});

Versuch es selber "

jQuery parents() Methode

Die parents() Methode gibt alle Vorfahren Elemente des ausgewählten Elements, den ganzen Weg bis das Stammelement des Dokuments (<html>) .

Das folgende Beispiel gibt alle Vorfahren aller <span> Elemente:

Beispiel

$(document).ready(function(){
$("span").parents();
});

Versuch es selber "

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

Das folgende Beispiel gibt alle Vorfahren aller <span> Elemente, die <ul> Elemente:

Beispiel

$(document).ready(function(){
$("span").parents("ul");
});

Versuch es selber "

jQuery parentsUntil() Methode

Die parentsUntil() Methode gibt alle Vorfahren Elemente zwischen zwei gegebenen Argumenten.

Das folgende Beispiel gibt alle Vorfahren Elemente zwischen einem <span> und ein <div> Element:

Beispiel

$(document).ready(function(){
$("span").parentsUntil("div");
});

Versuch es selber "

Testen Sie sich mit Übungen!

Übung 1 » Übung 2» Übung 3 » Übung 4»