Przykład
Zwrotu wszystkich elementów nadrzędnych między <span> i <div> :
$(document).ready(function(){
$("span").parentsUntil("div").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
parentsUntil() Metoda zwraca wszystkich elementów nadrzędnych pomiędzy selektorem i przysłony.
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, dopóki nie osiągnie określonego elementu.
Uwaga: Jeśli oba parametry są puste, metoda ta zwróci wszystkie elementów nadrzędnych (tak samo jak parents() metoda).
Podobne metody:
- parent() - zwraca bezpośredniego elementu nadrzędnego wybranego elementu
- parents() - zwraca wszystkie elementy przodkiem wybranego elementu
- closest() - zwraca pierwszy przodek wybranego elementu
Składnia
$(selector).parentsUntil( stop,filter )| Parametr | Opis |
|---|---|
| stop | Opcjonalny. Wyrażenie selektor, element lub obiekt jQuery wskazaniem miejsca, aby zatrzymać wyszukiwanie do dopasowywania elementów nadrzędnych |
| filter | Opcjonalny. Określa wyrażenie wyboru, aby zawęzić poszukiwania przodków pomiędzy selektorem i stop Uwaga: Aby powrócić wielu przodków, oddziel każdy wyraz przecinkami. |
Spróbuj sam - przykłady
Sprecyzuj wyszukiwanie
Jak korzystać z obu parametrów filtrowania poszukiwania konkretnego elementu pomiędzy <span> i <div> .
Powrót wielu przodków
Jak zwracać wiele przodków pomiędzy <span> i <body> .
DOM
Zwraca wszystkie przodków między <span> i <div> za pomocą elementu DOM.
Korzystanie z elementu DOM i wyraz wyboru, aby filtrować wyszukiwanie
Korzystanie z elementu DOM, aby zawęzić wyszukiwanie przodkiem <ul> elementów między <span> i <div> .