Método jQuery next()
❮ Métodos de travessia do jQuery
Exemplo
Retorne o próximo elemento irmão de cada elemento <li> com o nome de classe "start":
$(document).ready(function(){
$("li.start").next().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 next() retorna o próximo elemento irmão do elemento selecionado.
Elementos irmãos são elementos que compartilham o mesmo pai.
A árvore DOM: Este método percorre o próximo irmão dos elementos DOM.
Métodos relacionados:
- nextAll() - retorna todos os próximos elementos irmãos do elemento selecionado
- nextUntil() - retorna todos os próximos elementos irmãos entre dois argumentos fornecidos
Sintaxe
$(selector).next(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the next sibling search |
Experimente você mesmo - Exemplos
Como selecionar o próximo elemento irmão de cada elemento <div>.
Como selecionar o próximo elemento <p> irmão de cada elemento <div>.
❮ Métodos de travessia do jQuery