Método nextAll

O método nextAll retorna todos os elementos que estão após o especificado dentro do mesmo elemento pai.

Sintaxe

Obtendo todos os irmãos abaixo:

javascript$(seletor).nextAll();

Também é possível filtrar os irmãos pelo seletor especificado:

javascript$(elemento).nextAll(seletor);

Exemplo

Vamos encontrar o elemento #test e definir o texto '!' para todos os seus irmãos abaixo usando o método html:

html<p>outside</p>
<div>
  <p>inside</p>
  <p>inside</p>
  <p id="test">inside</p>
  <p>inside</p>
  <p>inside</p>
</div>
<p>outside</p>
javascript$('#test').nextAll().html('!');

O código HTML ficará assim:

html<p>outside</p>
<div>
  <p>inside</p>
  <p>inside</p>
  <p id="test">inside</p>
  <p>!</p>
  <p>!</p>
</div>
<p>outside</p>

Veja também

  • método prevAll,
    que retorna os elementos que estão antes do especificado dentro do mesmo elemento pai
  • método next,
    que permite obter o irmão imediato abaixo do elemento
  • método nextUntil,
    que retorna os elementos que estão após o especificado
  • método siblings,
    que permite obter os irmãos do elemento dentro do mesmo elemento pai