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:
<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 '!':
$('#test').prev().html('!');
Ja nyt suoritamme samanlaisen operaation alapuolisen naapurin kanssa:
$('#test').next().html('!');
Etsi ensimmäinen elementti, joka sijaitsee
välittömästi luokan test omaavan elementin edellä.
Etsi ensimmäinen elementti, joka sijaitsee
välittömästi luokan test omaavan elementin jälkeen.