Latest web development tutorials

jQuery Traversal - Nachkommen

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

Mit jQuery, durchqueren Sie die DOM-Baum die untergeordneten Elemente zu finden.


Verfahrgeschwindigkeit den DOM-Baum nach unten

Hier sind zwei für den DOM-Baum nach unten jQuery Methoden durchlaufen:

  • Kinder ()
  • finden ()

jQuery Kinder () -Methode

Kinder () Methode gibt das ausgewählte Element alle direkt untergeordneten Elemente.

Diese Methode ist nur nach unten ein Paar DOM-Baum-Traversal.

Das folgende Beispiel gibt jedes <div> Element aller direkten Kindelemente:

Beispiele

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

Versuchen »

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

Das folgende Beispiel gibt den Klassennamen von "1" in allen <p> Elemente, und sie sind <div> direkte Kind-Elemente:

Beispiele

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

Versuchen »


jQuery find () Methode

finden () Methode gibt das ausgewählte Element untergeordneten Elemente, den ganzen Weg bis auf den letzten Abkömmling.

Das folgende Beispiel gibt gehören <div> alle <span> -Element Nachkommen:

Beispiele

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

Versuchen »

Das folgende Beispiel gibt <div> alle Generationen:

Beispiele

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

Versuchen »