Metoda jQuery parent () .
Příklad
Vrátit všechny prvky předka <span>:
$(document).ready(function(){
$("span").parents().css({"color": "red", "border": "2px solid red"});
});
Výsledek:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
Definice a použití
Metoda parent() vrací všechny prvky předka vybraného prvku.
Předek je rodič, prarodič, praprarodič a tak dále.
Strom DOM: Tato metoda prochází směrem nahoru od nadřazeného prvku podél předků prvků DOM až ke kořenovému prvku dokumentu (<html>).
Poznámka: Pokud je parametr filtru prázdný, tato funkce vybere všechny předky množiny prvků, od přímého rodiče až po <body> a <html>. Proto je často užitečné předat selektorový výraz pro zúžení výsledku vyhledávání.
Tato metoda je podobná closest() v tom, že obě procházejí stromem DOM. Rozdíly jsou následující:
rodiče()
- Začíná nadřazeným prvkem
- Projde stromem DOM nahoru a vrátí všechny předky, které odpovídají zadanému výrazu
- Vrácený objekt jQuery obsahuje nula nebo více než jeden prvek
nejbližší()
- Začíná aktuálním prvkem
- Projde stromem DOM nahoru a vrátí prvního předka, který odpovídá zadanému výrazu
- Vrácený objekt jQuery obsahuje žádný nebo jeden prvek
Další související metody:
- parent() - vrátí přímý nadřazený prvek vybraného prvku
- parentUntil() - vrátí všechny prvky předka mezi dvěma danými argumenty
Syntax
$(selector).parents(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for ancestors Note: To return multiple ancestors, separate each expression with a comma. |
Zkuste si to sami - příklady
Jak použít parametr filtru k vrácení všech předků <span>, kteří jsou prvky <ul>.
Jak použít parametr filtru k vrácení všech předků <span>, což jsou prvky <li> a <div>.
Ukázka, která ukazuje, kdo vlastně jsou předci prvku <span>.