Método jQuery nextAll()

❮ Métodos de travessia do jQuery

Exemplo

Retorne todos os próximos elementos irmãos de cada elemento <li> com o nome de 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)

Definição e uso

O método nextAll() retorna todos os próximos elementos irmãos do elemento selecionado.

Elementos irmãos são elementos que compartilham o mesmo pai.

A árvore DOM: Este método percorre os irmãos dos elementos DOM.

Métodos relacionados:

  • next() - retorna o próximo elemento irmão do elemento selecionado
  • nextUntil() - retorna todos os próximos elementos irmãos entre dois argumentos fornecidos


Sintaxe

$(selector).nextAll(filter)

Parameter Description
filter Optional. Specifies a selector expression to narrow down the search for next siblings

Note: To return multiple siblings, separate each expression with a comma.

Experimente você mesmo - Exemplos


Como filtrar a pesquisa pelos próximos elementos irmãos.


Usando o parâmetro filter para obter todos os irmãos de um elemento <h2> que tenham nomes de classe "primeiro", "segundo" e "terceiro".


Como selecionar todos os próximos elementos irmãos de um elemento <p>.


Como selecionar todos os próximos elementos <p> irmãos de cada elemento <div>.


❮ Métodos de travessia do jQuery