jQuery Traversing - Předkové
Pomocí jQuery můžete procházet stromem DOM a najít předky prvku.
Předek je rodič, prarodič, praprarodič a tak dále.
Procházení stromem DOM
Tři užitečné metody jQuery pro procházení stromu DOM jsou:
parent()
parents()
parentsUntil()
Metoda jQuery parent().
Metoda parent()
vrací přímý nadřazený prvek vybraného prvku.
Tato metoda projde pouze o jednu úroveň výše ve stromu DOM.
Následující příklad vrátí přímý nadřazený prvek každého <span>
prvku:
Příklad
$(document).ready(function(){
$("span").parent();
});
Metoda jQuery parent().
Metoda parents()
vrací všechny prvky předka vybraného prvku až po kořenový prvek dokumentu ( <html>
).
Následující příklad vrátí všechny předky všech
<span>
prvků:
Příklad
$(document).ready(function(){
$("span").parents();
});
Můžete také použít volitelný parametr k filtrování hledání předků.
Následující příklad vrátí všechny předky všech <span>
prvků, které jsou <ul>
prvky:
Příklad
$(document).ready(function(){
$("span").parents("ul");
});
Metoda rodičů jQueryUntil().
Metoda parentsUntil()
vrací všechny prvky předka mezi dvěma danými argumenty.
Následující příklad vrátí všechny prvky předka mezi <span>
a a <div>
prvkem:
Příklad
$(document).ready(function(){
$("span").parentsUntil("div");
});
Cvičení jQuery
jQuery Traversing Reference
Úplný přehled všech metod jQuery Traversing naleznete v naší jQuery Traversing Reference .