Método next
El método next devuelve
el elemento que se encuentra después del especificado
dentro del mismo elemento padre.
Sintaxis
Obtención del hermano inmediato:
.next();
También se puede seleccionar el hermano inmediato, solo si cumple con el selector especificado:
.next(selector);
Ejemplo
Encontremos el elemento #test y a su hermano
inferior le pondremos el texto '!' usando el método
html:
<p>text</p>
<p>text</p>
<p id="test">text</p>
<p>text</p>
<p>text</p>
$('#test').next().html('!');
El código HTML quedará así:
<p>text</p>
<p>text</p>
<p id="test">text</p>
<p>!</p>
<p>text</p>
Véase también
-
método
prev,
que permite obtener el hermano superior del elemento -
método
nextAll,
que devuelve los elementos que se encuentran después del especificado dentro del mismo elemento padre -
método
nextUntil,
que devuelve los elementos que se encuentran después del especificado -
método
siblings,
que permite obtener los hermanos del elemento dentro del mismo elemento padre -
propiedad JavaScript
nextElementSibling,
que contiene el siguiente elemento, ubicado en el mismo padre