Przykład
Zwraca wszystkie elementy rodzeństwa każdego <li> element o class nazwą "start" :
$(document).ready(function(){
$("li.start").siblings().css({"color": "red", "border": "2px
solid red"});
});
Wynik:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Spróbuj sam " Definicja i Wykorzystanie
siblings() Metoda zwraca wszystkie elementy rodzeństwa wybranego elementu.
Elementy rodzeństwo są elementy, które mają tego samego rodzica.
Drzewo DOM: Ta metoda przechodzić do przodu i do tyłu wzdłuż rodzeństwa elementów DOM.
Wskazówka: Użyj prev() lub next() metodę, aby zawęzić poszukiwania tylko poprzednich lub następnych elementów rodzeństwa.
Składnia
$(selector).siblings( filter )| Parametr | Opis |
|---|---|
| filter | Opcjonalny. Określa wyrażenie wyboru, aby zawęzić poszukiwania elementów rodzeństwa |
Spróbuj sam - przykłady
Sprecyzuj wyszukiwanie
Jak korzystać z obu parametrów filtrowania poszukiwania rodzeństwa elementy.
Zaznacz wszystkie rodzeństwo <p> elementy każdego <div> elementu
Jak zawęzić obszar wyszukiwania do wszystkich rodzeństwo <p> elementów każdego <div> elementu.