jQuery Traversing - Vorfahren
Mit jQuery können Sie den DOM-Baum nach oben durchsuchen, um Vorfahren eines Elements zu finden.
Ein Vorfahre ist ein Elternteil, Großelternteil, Urgroßelternteil und so weiter.
Durchqueren des DOM-Baums
Drei nützliche jQuery-Methoden zum Durchlaufen des DOM-Baums sind:
parent()
parents()
parentsUntil()
jQuery parent() Methode
Die parent()
Methode gibt das direkte Elternelement des ausgewählten Elements zurück.
Diese Methode durchläuft nur eine Ebene nach oben im DOM-Baum.
Das folgende Beispiel gibt das direkte übergeordnete Element jedes <span>
Elements zurück:
Beispiel
$(document).ready(function(){
$("span").parent();
});
jQuery parent() Methode
Die parents()
Methode gibt alle Vorgängerelemente des ausgewählten Elements zurück, bis hin zum Wurzelelement des Dokuments ( <html>
).
Das folgende Beispiel gibt alle Vorfahren aller
<span>
Elemente zurück:
Beispiel
$(document).ready(function(){
$("span").parents();
});
Sie können auch einen optionalen Parameter verwenden, um die Suche nach Vorfahren zu filtern.
Das folgende Beispiel gibt alle Vorfahren aller <span>
Elemente zurück, die <ul>
Elemente sind:
Beispiel
$(document).ready(function(){
$("span").parents("ul");
});
jQuery parentUntil() Methode
Die parentsUntil()
Methode gibt alle Vorgängerelemente zwischen zwei gegebenen Argumenten zurück.
Das folgende Beispiel gibt alle Vorgängerelemente zwischen a <span>
und a zurück <div>
:
Beispiel
$(document).ready(function(){
$("span").parentsUntil("div");
});
jQuery-Übungen
jQuery Traversing-Referenz
Eine vollständige Übersicht aller jQuery-Traversing-Methoden finden Sie in unserer jQuery-Traversing-Referenz .