Przykład
Zwraca bezpośredniego elementu nadrzędnego <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
Spróbuj sam " Definicja i Wykorzystanie
parent() metoda zwraca bezpośredniego elementu nadrzędnego wybranego elementu.
Drzewo DOM: Ta metoda tylko przechodzą jeden poziom w górę drzewa DOM. Aby przechodzić przez całą drogę aż do elementu głównego dokumentu (powrót dziadków lub innych przodków), korzystać z parents() lub parentsUntil () metody.
Wskazówka: Aby przechodzić jeden poziom w dół w drzewie DOM lub przez całą drogę aż do ostatniego potomka (powrót dzieci lub innych potomków), użyj children() lub find() metody.
Składnia
$(selector).parent( filter )| Parametr | Opis |
|---|---|
| filter | Opcjonalny. Określa wyrażenie wyboru, aby zawęzić wyszukiwanie rodzica |
Spróbuj sam - przykłady
Zwraca bezpośredniego rodzica każdego <span> elementu
Jak powrócić do bezpośredniego rodzica każdego <span> elementu.
Sprecyzuj wyszukiwanie
Jak używać parametru filtru powrotu rodzica <li> element o nazwie klasy "first" każdego <span> .
Powrót bezpośrednim rodzicem <div> element każdego <p> elementu
Jak zwrócić cały bezpośredniego rodzica <div> element każdego <p> elementu.
Lista elementów przodkiem elementu autorem nazwy znaczników
Demonstracja, który pokazuje, kto przodkowie w <span> elementu rzeczywistości.