jQuery:n prev- ja next-metodit

prev-metodilla voit viitata tietyn elementin yläpuoliseen naapuriin, ja next-metodilla - alapuoliseen naapuriin (huomaa, että elementtejä pidetään naapureina vain yhden vanhemman sisällä).

Esimerkkinä otamme seuraavat kappaleet:

html<p>teksti</p>
<p>teksti</p>
<p id="test">teksti</p>
<p>teksti</p>
<p>teksti</p>

Etsitään nyt elementti #test ja asetetaan sen yläpuolisen naapurin tekstiksi '!':

javascript$('#test').prev().html('!');

Ja nyt suoritamme samanlaisen operaation alapuolisen naapurin kanssa:

javascript$('#test').next().html('!');