Métodos prev e next no jQuery
Com o método
prev
você pode acessar o elemento irmão anterior de um
elemento específico, e com o método
next
- o elemento irmão seguinte (observe que os elementos são considerados irmãos
apenas dentro do mesmo elemento pai).
Por exemplo, vamos tomar os seguintes parágrafos:
<p>texto</p>
<p>texto</p>
<p id="test">texto</p>
<p>texto</p>
<p>texto</p>
Agora, vamos encontrar o elemento #test e
definir o texto '!' em seu irmão anterior:
$('#test').prev().html('!');
E agora vamos realizar uma operação semelhante com o irmão seguinte:
$('#test').next().html('!');
Encontre o primeiro elemento que está
imediatamente antes do elemento com
a classe test.
Encontre o primeiro elemento que está
imediatamente após o elemento com a classe
test.