Exemplo
Retornar o próximo elemento irmão de cada <li> elemento com o nome da 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)
Tente você mesmo " Definição e Uso
O next() método retorna o próximo elemento irmão do elemento selecionado.
irmão elementos são elementos que compartilham o mesmo pai.
A árvore DOM: Este método atravessar a frente ao longo do próximo irmão de elementos DOM.
métodos relacionados:
- nextAll() - retorna todos os elementos irmãos próximos do elemento selecionado
- nextUntil() - retorna todos os elementos próximo irmão entre dois argumentos dados
Sintaxe
$(selector).next( filter )| Parâmetro | Descrição |
|---|---|
| filter | Opcional. Especifica uma expressão selector para diminuir a próxima pesquisa irmão |
Tente você mesmo - Exemplos
Selecione o próximo irmão de cada <div> elemento
Como selecionar o próximo elemento irmão de cada <div> elemento.
Reduzir a procura
Como selecionar o próximo irmão <p> elemento de cada <div> elemento.