jQuery rodzeństwo() Metoda

❮ Metody przechodzenia jQuery

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>.


❮ Metody przechodzenia jQuery