Método nextAll

El método nextAll devuelve todos los elementos que se encuentran después del dado dentro del mismo elemento padre.

Sintaxis

Obtener todos los hermanos siguientes:

javascript$(selector).nextAll();

También se pueden filtrar los hermanos por un selector dado:

javascript$(elemento).nextAll(selector);

Ejemplo

Encontremos el elemento #test y a todos sus hermanos siguientes establezcamos el texto '!' usando el 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('!');

El código HTML pasará a verse así:

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

Véase también

  • método prevAll,
    que devuelve los elementos que se encuentran antes del dado dentro del mismo elemento padre
  • método next,
    que permite obtener el hermano siguiente del elemento
  • método nextUntil,
    que devuelve los elementos que se encuentran después del dado
  • método siblings,
    que permite obtener los hermanos del elemento dentro del mismo elemento padre