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

Otestujte se pomocí cvičení

Cvičení:

K získání přímého rodiče prvku <span> použijte metodu jQuery.

$("span").();


jQuery Traversing Reference

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