Método nextAll() da iteração jQuery
Exemplo
Encontre todas as classes após o primeiro div e adicione classes a elas:
$("div:first").nextAll().addClass("after");
Definição e uso
nextAll() obtém todos os irmãos subsequentes de cada elemento correspondente na coleção de elementos que coincidem, a filtragem por seletor é opcional.
Sintaxe
.nextAll(selector)
| Parâmetro | Descrição |
|---|---|
| selector | Valor de string, contendo a expressão de seletor usada para combinar elementos. |
Explicação detalhada
Se fornecermos um objeto jQuery que representa uma coleção de elementos DOM, o método .nextAll() nos permite procurar elementos irmãos subsequentes no árvore DOM e construir um novo objeto jQuery com os elementos que correspondem.
Este método aceita uma expressão de seletor opcional, do tipo que passo para a função $(). Se aplicarmos um seletor, eles serão filtrados através da verificação de correspondência do elemento.
Pense na seguinte página com lista simples:
<ul> <li>item da lista 1</li> <li>item da lista 2</li> <li class="third-item">item da lista 3</li> <li>item da lista 4</li> <li>item da lista 5</li> </ul>
Se começarmos pelo projeto três, podemos encontrar os elementos que surgem posteriormente:
$('li.third-item').nextAll().css('background-color', 'red');
O resultado dessa chamada é que os projetos 4 e 5 foram configurados com fundo vermelho. Como não aplicamos expressão de seletor, o elemento subsequente é claramente incluído como parte do objeto. Se já aplicamos um seletor, antes de incluí-lo, verificamos se há correspondência.
