Metoda jQuery parent()
Przykład
Zwróć bezpośredni element nadrzędny <span>:
$(document).ready(function(){
$("span").parent().css({"color": "red", "border": "2px solid red"});
});
Wynik:
body (great-great-grandparent)
div (great-grandparent)
ul (grandparent)
- li (direct parent)
span
Definicja i użycie
Metoda parent() zwraca bezpośredni element nadrzędny wybranego elementu.
Drzewo DOM: Ta metoda przechodzi tylko jeden poziom w górę drzewa DOM. Aby przejść całą drogę do elementu głównego dokumentu (aby zwrócić dziadków lub innych przodków), użyj metody parent( ) lub parentUntil() .
Wskazówka: aby przejść o jeden poziom w dół drzewa DOM lub aż do ostatniego potomka (aby zwrócić dzieci lub innych potomków), użyj metody children() lub find() .
Składnia
$(selector).parent(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the parent search |
Spróbuj sam - przykłady
Jak zwrócić bezpośredniego rodzica każdego elementu <span>.
Jak użyć parametru filtru, aby zwrócić nadrzędny element <li> z nazwą klasy „pierwszą” każdego elementu <span>.
Jak zwrócić wszystkie bezpośrednie elementy rodzicielskie <div> każdego elementu <p>.
Demonstracja, która pokazuje, kim faktycznie są przodkowie elementu <span>.