next-metodi
next-metodi palauttaa
elementin, joka sijaitsee annetun elementin jälkeen
saman vanhemman sisällä.
Syntaksi
Välittömän naapurin hankinta:
.next();
Voidaan myös valita välitön naapuri, vain jos se täyttää annetun valitsimen ehdot:
.next(valitsin);
Esimerkki
Etsitään elementti #test ja asetetaan sen naapurille
alapuolelle teksti '!' käyttämällä
html-metodia:
<p>teksti</p>
<p>teksti</p>
<p id="test">teksti</p>
<p>teksti</p>
<p>teksti</p>
$('#test').next().html('!');
HTML-koodi muuttuu näyttämään tältä:
<p>teksti</p>
<p>teksti</p>
<p id="test">teksti</p>
<p>!</p>
<p>teksti</p>
Katso myös
-
metodi
prev,
jolla voi hankkia elementin yläpuolella olevan naapurin -
metodi
nextAll,
joka palauttaa elementit, jotka sijaitsevat annetun elementin jälkeen saman vanhemman sisällä -
metodi
nextUntil,
joka palauttaa elementit, jotka sijaitsevat annetun elementin jälkeen -
metodi
siblings,
jolla voi hankkia elementin naapurit saman vanhemman sisällä -
JavaScript-ominaisuus
nextElementSibling,
joka sisältää seuraavan elementin, joka sijaitsee samassa vanhemmassa