Exemplo
Retornar todos os elementos irmãos próximos de cada <li> elemento com o nome da classe "start" :
$(document).ready(function(){
$("li.start").nextAll().css({"color": "red", "border": "2px
solid red"});
});
Resultado:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
- li (sibling)
Tente você mesmo " Definição e Uso
O nextAll() método retorna todos os elementos irmãos próximos 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 irmãos de elementos DOM.
métodos relacionados:
- next() - retorna o próximo elemento irmão do elemento selecionado
- nextUntil() - retorna todos os elementos próximo irmão entre dois argumentos dados
Sintaxe
$(selector).nextAll( filter )| Parâmetro | Descrição |
|---|---|
| filter | Opcional. Especifica uma expressão selector para restringir a pesquisa para a proxima irmãos Nota: Para retornar vários irmãos, separe cada expressão com uma vírgula. |
Tente você mesmo - Exemplos
Reduzir a procura
Como filtrar a busca por elementos próximos irmãos.
Retornar vários irmãos
Usando o parâmetro de filtro para obter todos os irmãos de um <h2> elemento que têm nomes de classe "first", "second" e "third" .
Selecione todos os elementos irmãos próximos de um <p> elemento
Como selecionar todos os elementos irmãos próximos de um <p> elemento.
Selecionar tudo próximo irmão <p> elementos <div>
Como selecionar todos os próximo irmão <p> elementos de cada <div> elemento.