next-metodi

next-metodi palauttaa elementin, joka sijaitsee annetun elementin jälkeen saman vanhemman sisällä.

Syntaksi

Välittömän naapurin hankinta:

javascript.next();

Voidaan myös valita välitön naapuri, vain jos se täyttää annetun valitsimen ehdot:

javascript.next(valitsin);

Esimerkki

Etsitään elementti #test ja asetetaan sen naapurille alapuolelle teksti '!' käyttämällä html-metodia:

html<p>teksti</p>
<p>teksti</p>
<p id="test">teksti</p>
<p>teksti</p>
<p>teksti</p>
javascript$('#test').next().html('!');

HTML-koodi muuttuu näyttämään tältä:

html<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