jQuery Verfahrgeschwindigkeit

❮ Zurück Weiter Kapitel ❯

Ein Nachkomme ist ein Kind, Enkel, Urenkel, und so weiter.

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

Verfahrgeschwindigkeit unten, um die DOM-Baum

Zwei nützliche jQuery Methoden zum Durchlaufen Sie die DOM-Baum sind:

children()
find()

jQuery children() Methode

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

Diese Methode ist nur eine einzige Ebene auf der DOM-Baum durchlaufen.

Das folgende Beispiel gibt alle Elemente , die direkte Kinder von jeweils <div> Elemente:

Beispiel

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

Versuch es selber "

Sie können auch einen optionalen Parameter zu filtern, um die Suche für die Kinder verwenden.

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

Beispiel

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

Versuch es selber "

jQuery find() Methode

Die find() Methode gibt untergeordneten Elemente des ausgewählten Elements, den ganzen Weg bis auf den letzten Abkömmling.

Das folgende Beispiel gibt alle <span> Elemente , die Nachkommen sind <div> :

Beispiel

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

Versuch es selber "

Das folgende Beispiel gibt alle Nachkommen von <div> :

Beispiel

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

Versuch es selber "

Testen Sie sich mit Übungen!

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