Exemplo
Retornar todos os elementos irmãos de cada <li> elemento com class nome "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)
Tente você mesmo " Definição e Uso
O siblings() método retorna todos os elementos irmãos do elemento selecionado.
irmão elementos são elementos que compartilham o mesmo pai.
A árvore DOM: Este método percorrer para a frente e para trás ao longo irmãos de elementos DOM.
Dica: Use o prev() ou next() método para restringir a pesquisa apenas para elementos irmãos anteriores ou seguintes.
Sintaxe
$(selector).siblings( filter )| Parâmetro | Descrição |
|---|---|
| filter | Opcional. Especifica uma expressão selector para refinar a busca por elementos irmãos |
Tente você mesmo - Exemplos
Reduzir a procura
Como usar ambos os parâmetros para filtrar a busca por elementos irmãos.
Selecione todos os irmãos <p> elementos de cada <div> elemento
Como restringir a pesquisa para todos os irmãos <p> elementos de cada <div> elemento.