jQuery Traversing - Nachkommen

Mit jQuery können Sie den DOM-Baum nach unten durchlaufen, um Nachkommen eines Elements zu finden.

Ein Nachkomme ist ein Kind, Enkel, Urenkel usw.

Durchqueren des DOM-Baums

Zwei nützliche jQuery-Methoden zum Durchlaufen des DOM-Baums sind:

Die children()Methode gibt alle direkten Kinder des ausgewählten Elements zurück.

Diese Methode durchläuft nur eine Ebene nach unten in der DOM-Struktur.

Das folgende Beispiel gibt alle Elemente zurück, die direkte untergeordnete Elemente der einzelnen <div>Elemente sind:

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

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

Das folgende Beispiel gibt alle <p>Elemente mit dem Klassennamen "first" zurück, die direkte Kinder von sind <div>:

$(document).ready(function(){
$("div").children("p.first");
});

Die find()Methode gibt untergeordnete Elemente des ausgewählten Elements bis hinunter zum letzten untergeordneten Element zurück.

Das folgende Beispiel gibt alle <span>Elemente zurück, die Nachkommen von sind <div>:

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

Das folgende Beispiel gibt alle Nachkommen von zurück <div>:

$(document).ready(function(){
$("div").find("*");
});

Eine vollständige Übersicht aller jQuery-Traversing-Methoden finden Sie in unserer jQuery-Traversing-Referenz .