jQuery Traversing - potomkowie

Dzięki jQuery możesz przejść w dół drzewa DOM, aby znaleźć potomków elementu.

Potomek to dziecko, wnuk, prawnuk i tak dalej.

Przemierzanie drzewa DOM

Dwie przydatne metody jQuery do przechodzenia w dół drzewa DOM to:

Metoda children()zwraca wszystkie bezpośrednie dzieci wybranego elementu.

Ta metoda przechodzi tylko jeden poziom w dół drzewa DOM.

Poniższy przykład zwraca wszystkie elementy, które są bezpośrednimi dziećmi każdego z <div>elementów:

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

Możesz także użyć opcjonalnego parametru do filtrowania wyszukiwania dzieci.

Poniższy przykład zwraca wszystkie <p>elementy o nazwie klasy „first”, które są bezpośrednimi dziećmi klasy <div>:

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

Metoda find()zwraca elementy potomne wybranego elementu, aż do ostatniego potomka.

Poniższy przykład zwraca wszystkie <span>elementy, które są potomkami <div>:

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

Poniższy przykład zwraca wszystkich potomków <div>:

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

Aby uzyskać pełny przegląd wszystkich metod przechodzenia przez jQuery, przejdź do naszego podręcznika jQuery Traversing Reference .