jQuery Traversing - Potomci

Pomocí jQuery můžete procházet stromem DOM a najít potomky prvku.

Potomek je dítě, vnuk, pravnuk a tak dále.

Procházení dolů po stromu DOM

Dvě užitečné metody jQuery pro procházení stromu DOM jsou:

Metoda children()vrací všechny přímé potomky vybraného prvku.

Tato metoda prochází stromem DOM pouze o jednu úroveň dolů.

Následující příklad vrátí všechny prvky, které jsou přímými potomky každého <div>prvku:

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

Můžete také použít volitelný parametr k filtrování vyhledávání dětí.

Následující příklad vrátí všechny <p>prvky s názvem třídy "first", které jsou přímými potomky třídy <div>:

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

Metoda find()vrací potomky vybraného elementu až po posledního potomka.

Následující příklad vrátí všechny <span>prvky, které jsou potomky <div>:

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

Následující příklad vrátí všechny potomky <div>:

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

Úplný přehled všech metod jQuery Traversing naleznete v naší jQuery Traversing Reference .