Metoda jQuery parent() .
Příklad
Vraťte přímý nadřazený prvek <span>:
$(document).ready(function(){
$("span").parent().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í přímý nadřazený prvek vybraného prvku.
Strom DOM: Tato metoda prochází pouze o jednu úroveň výše ve stromu DOM. Chcete-li přejít celou cestu až ke kořenovému prvku dokumentu (k návratu prarodičů nebo jiných předků), použijte metodu parent( ) nebo parentUntil() .
Tip: Chcete-li projít o jednu úroveň dolů ve stromu DOM nebo úplně dolů k poslednímu potomkovi (pro návrat potomků nebo jiných potomků), použijte metodu children() nebo find() .
Syntax
$(selector).parent(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the parent search |
Zkuste si to sami - příklady
Jak vrátit přímého rodiče každého prvku <span>.
Jak použít parametr filtru k vrácení nadřazeného prvku <li> s názvem třídy "first" každého <span>.
Jak vrátit všechny přímé nadřazené prvky <div> každého prvku <p>.
Ukázka, která ukazuje, kdo jsou předkové prvku <span> ve skutečnosti.