jQuery rodzeństwo() Metoda
Przykład
Zwróć wszystkie rodzeństwo każdego elementu <li> z nazwą klasy „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)
Definicja i użycie
Metoda siblings() zwraca wszystkie elementy rodzeństwa wybranego elementu.
Elementy rodzeństwo to elementy, które mają tego samego rodzica.
Drzewo DOM: Ta metoda porusza się do przodu i do tyłu wzdłuż rodzeństwa elementów DOM.
Wskazówka: użyj metody prev() lub next() , aby zawęzić wyszukiwanie tylko do poprzednich lub następnych elementów rodzeństwa.
Składnia
$(selector).siblings(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the search for sibling elements |
Spróbuj sam - przykłady
Jak używać obu parametrów do filtrowania wyszukiwania elementów rodzeństwa.
Jak zawęzić wyszukiwanie do wszystkich elementów rodzeństwa <p> każdego elementu <div>.