jQuery Durchsuchen - Vorfahren

Mit jQuery können wir den DOM-Baum leicht durchsuchen, um Vorfahren von Elementen zu finden.

Vorfahren sind Eltern, Großeltern, Urgroßeltern usw.

In diesem Kapitel erläutern wir, wie Sie den DOM-Baum durchsuchen.

Durchsuchen des DOM-Baums

Wir haben die folgenden jQuery Methoden, um das DOM-Baum zu durchsuchen:

• parent()

• parents()

• parentsUntil()

In diesem Kapitel zeigen wir Ihnen, wie Sie jede Methode verwenden.

jQuery parent() Methode

jQuery parent()Die Methode gibt das direkte Elternelement des ausgewählten Elements zurück.

Diese Methode bewegt sich nur eine Ebene auf dem DOM-Baum nach oben.

Das folgende Beispiel gibt den direkten Elternelement des SPAN-Elements zurück:

Sie können auch optionale Parameter verwenden, um die Sucheltern zu filtern.

Das folgende Beispiel gibt den direkten Elternelement mit der Klasse "selected" zurück:

$("document").ready(function(){
　　$("p").parent(".selected").css("background", "coral");
});

jQuery parents() Methode

jQuery parents()Die Methode gibt alle Vorfahren-Elemente des ausgewählten Elements zurück.

Diese Methode durchsucht vom Elternelement entlang des DOM-Elements bis zum Wurzelelement des Dokuments (html).

Der folgende Beispiel gibt alle Vorfahren des SPAN-Elements zurück:

jQuery ParentUntil() Methode

jQuery parentsUntil()Die Methode gibt alle Vorfahren-Elemente zwischen den beiden gegebenen Parametern zurück.

Der folgende Beispiel gibt alle Vorfahren-Elemente zwischen dem SPAN- und dem BODY-Element zurück:

jQuery Durchsuchen Referenz

Für eine detaillierte Durchsuchungsmethode besuchen Sie bitte unserejQuery Durchsuchen Referenz.