Métodos prev y next en jQuery
Con la ayuda del método
prev
se puede acceder al hermano anterior de un
elemento determinado, y con la ayuda de
next
- al hermano siguiente (tenga en cuenta que los elementos se consideran hermanos
solo dentro de un mismo padre).
Como ejemplo, tomemos los siguientes párrafos:
<p>text</p>
<p>text</p>
<p id="test">text</p>
<p>text</p>
<p>text</p>
Ahora encontremos el elemento #test y
establezcamos el texto '!' en su hermano anterior:
$('#test').prev().html('!');
Y ahora realicemos una operación similar con el hermano siguiente:
$('#test').next().html('!');
Encuentre el primer elemento que está
inmediatamente antes del elemento con
la clase test.
Encuentre el primer elemento que está
inmediatamente después del elemento con la clase
test.