Przykład
Zwraca wszystkie elementy przodka <span> :
$(document).ready(function(){
$("span").parents().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
parents() Metoda zwraca wszystkie elementy przodka wybranego elementu.
Przodek jest rodzicem, dziadkiem, pra-dziadka, i tak dalej.
Drzewo DOM: Ta metoda przechodzenie w górę od elementu nadrzędnego po przodkach elementów DOM, aż do elementu głównego dokumentu (<html>) .
Uwaga: Jeżeli parametr filtru jest pusta, funkcja ta służy do wybrania wszystkich przodków z zestawu elementów, z bezpośredniego rodzica i całą drogę do <body> i <html> . Dlatego często warto zdać wyraz wyboru, aby zawęzić wyniki wyszukiwania.
Sposób ten jest podobny do closest() , w tym, że zarówno przechodzenie na drzewo Dom. Różnice są następujące:
parents()
- Zaczyna się od elementu nadrzędnego
- Wędruje w górę drzewa DOM i zwraca wszystkie mecze z przodków, który przeszedł wyraz
- Zwrócony obiekt jQuery zawiera zero lub więcej niż jeden element
closest()
- Zaczyna się od bieżącego elementu
- Wędruje w górę drzewa DOM i zwraca pierwszego przodka, który pasuje do wyrażenia przekazany
- Zwrócony obiekt jQuery zawiera zero lub jeden element
Inne pokrewne metody:
- parent() - zwraca bezpośredniego elementu nadrzędnego wybranego elementu
- parentsUntil() - zwraca wszystkie elementy-przodków pomiędzy dwoma podanymi argumentami
Składnia
$(selector).parents( filter )| Parametr | Opis |
|---|---|
| class = "notranslate"filter | Opcjonalny. Określa wyrażenie wyboru, aby zawęzić poszukiwania przodków Uwaga: Aby powrócić wielu przodków, oddziel każdy wyraz przecinkami. |
Spróbuj sam - przykłady
Sprecyzuj wyszukiwanie
Jak używać parametru filtra w celu przywrócenia wszystkich przodków <span> , które są <ul> elementów.
Powrót wielu przodków
Jak używać parametru filtra w celu przywrócenia wszystkich przodków <span> , które są <li> i <div> elementów.
Pokaż przodków elementu autorem nazwy znaczników
Demonstracja, który pokazuje, kto przodkowie w <span> elementu rzeczywistości.