Przykład
Zwraca wszystkie elementy rodzeństwa między dwoma <li> elementy o nazwie klasy "start" i "stop" :
$(document).ready(function(){
$("li.start").nextUntil("li.stop").css({"color": "red", "border": "2px
solid red"});
});
Wynik:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
- li (sibling)
- li (sibling with class name "stop")
Spróbuj sam " Definicja i Wykorzystanie
nextUntil() Metoda zwraca wszystkie kolejne elementy rodzeństwa pomiędzy selektorem i przysłony.
Elementy rodzeństwo są elementy, które mają tego samego rodzica.
Drzewo DOM: Ta metoda przechodzić do przodu wzdłuż rodzeństwa elementów DOM.
Uwaga: Jeśli oba parametry są puste, metoda ta zwróci wszystkie kolejne elementy rodzeństwa (tak samo jak nextAll() metoda).
Podobne metody:
- next() - zwraca następny element rodzeństwo wybranego elementu
- nextAll() - zwraca wszystkie kolejne elementy rodzeństwa wybranego elementu
Składnia
$(selector).nextUntil( stop,filter )| Parametr | Opis |
|---|---|
| stop | Opcjonalny. Wyrażenie selektor, element lub obiekt jQuery wskazując gdzie zatrzymać poszukiwania następnego dopasowywania elementów rodzeństwa |
| filter | Opcjonalny. Określa wyrażenie wyboru, aby zawęzić wyszukiwanie do rodzeństwa elementy pomiędzy selektorem i zatrzymać Uwaga: Aby powrócić wiele rodzeństwa, oddziel każdy wyraz przecinkami. |
Spróbuj sam - przykłady
Sprecyzuj wyszukiwanie
Obiema parametry filtrowania poszukiwania kolejnych elementów rodzeństwa między dwoma argumentami.
Powrót wiele rodzeństwa
Jak zwracać wiele elementów rodzeństwo między dwoma argumentami.
DOM
Korzystanie z elementu DOM zamiast selektora, aby powrócić wszystkie elementy rodzeństwa dwóch podanych argumentów.
Korzystanie z DOM z obu parametrów
Korzystanie z elementu DOM zamiast selektora i oba parametry filtrowania następne wyszukiwanie rodzeństwo między dwoma argumentami.