Przykład
Zwraca pierwszy przodek <span> , który jest <ul> elementów:
$(document).ready(function(){
$("span").closest("ul").css({"color": "red", "border": "2px
solid red"});
});
Wynik:
body (great-great-grandparent)
div (great-grandparent)
ul (second ancestor - second grandparent) ul (first ancestor -
first grandparent) - li (direct parent) span
Spróbuj sam " Definicja i Wykorzystanie
closest() Metoda zwraca pierwszy przodek wybranego elementu.
Przodek jest rodzicem, dziadkiem, pra-dziadka, i tak dalej.
Drzewo DOM: Ta metoda trawers górę od bieżącego elementu, aż do elementu głównego dokumentu (<html>) , w celu znalezienia pierwszego przodka elementów DOM.
Sposób ten jest podobny do parents() , w tym, że zarówno przechodzenie na drzewo Dom. Różnice są następujące:
closest()
- Zaczyna się od bieżącego elementu
- Wędruje w górę drzewa DOM i zwraca pierwszy (single) przodka, który pasuje do wyrażenia przekazany
- Zwrócony obiekt jQuery zawiera zero lub jeden element
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
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
Zwraca pierwszy przodek wybranego elementu:
$(selector).closest( filter )Powrót pierwszego przodka za pomocą kontekstu DOM spojrzeć w górę drzewa DOM w ciągu:
$(selector).closest( filter,context )| Parametr | Opis |
|---|---|
| filter | Wymagany. Określa wyrażenie selektor, element lub obiekt jQuery, aby zawęzić wyszukiwanie przodka |
| context | Opcjonalny. Element DOM, w którym element dopasowania można znaleźć |
Spróbuj sam - przykłady
Zwraca pierwszy przodek <span> , czyli <span> Element
Ponieważ metoda ta zaczyna się od bieżącego elementu, wyszukiwanie na pierwszy <span> na <span> , powróci <span> .
Proszę przejść do elementu DOM jako kontekst, aby szukać pierwszego elementu przodka
Obiema parametry przejść w elemencie DOM jako kontekst, aby szukać pierwszej <ul> elementu.