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