Metoda jQuery parentUntil()
Przykład
Zwróć wszystkie elementy przodków 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
Definicja i użycie
Metoda parentUntil() zwraca wszystkie elementy przodka między selektorem a stop .
Przodek jest rodzicem, dziadkiem, pradziadkiem i tak dalej.
Drzewo DOM: Ta metoda przechodzi w górę od elementu nadrzędnego wzdłuż przodków elementów DOM, aż do elementu głównego dokumentu, aż dotrze do określonego elementu.
Uwaga: Jeśli oba parametry są puste, ta metoda zwróci wszystkie elementy przodka (tak samo jak metoda parent() ).
Powiązane metody:
- parent() - zwraca bezpośredni element rodzica wybranego elementu
- parent() - zwraca wszystkie elementy przodków wybranego elementu
- close() - zwraca pierwszego przodka wybranego elementu
Składnia
$(selector).parentsUntil(stop,filter)
Parameter | Description |
---|---|
stop | Optional. A selector expression, element or jQuery object indicating where to stop the search for matching ancestor elements |
filter | Optional. Specifies a selector expression to narrow down the search for ancestors between selector and stop Note: To return multiple ancestors, separate each expression with a comma. |
Spróbuj sam - przykłady
Jak używać obu parametrów do filtrowania wyszukiwania określonego elementu między <span> i <div>.
Jak zwrócić wielu przodków między <span> i <body>.
Zwróć wszystkich przodków między <span> i <div> za pomocą elementu DOM.
Używanie elementu DOM do zawężenia wyszukiwania przodków dla elementów <ul> pomiędzy <span> i <div>.