Método jQuery irmãos()

❮ Métodos de travessia do jQuery

Exemplo

Retorne todos os elementos irmãos de cada elemento <li> com o nome de classe "start":

$(document).ready(function(){
  $("li.start").siblings().css({"color": "red", "border": "2px solid red"});
});

Resultado:

    ul (parent)
  • li (sibling)
  • li (sibling)
  • li (sibling with class name "start")
  • li (sibling)
  • li (sibling)

Definição e uso

O método brothers() retorna todos os elementos irmãos do elemento selecionado.

Elementos irmãos são elementos que compartilham o mesmo pai.

A árvore DOM: Este método percorre para frente e para trás ao longo dos irmãos de elementos DOM.

Dica: Use o método prev() ou next() para restringir a pesquisa apenas para elementos irmãos anteriores ou próximos.


Sintaxe

$(selector).siblings(filter)

Parameter Description
filter Optional. Specifies a selector expression to narrow down the search for sibling elements

Experimente você mesmo - Exemplos


Como usar os dois parâmetros para filtrar a pesquisa por elementos irmãos.


Como restringir a busca por todos os elementos <p> irmãos de cada elemento <div>.


❮ Métodos de travessia do jQuery