nextAll-metodi

nextAll-metodi palauttaa kaikki elementit, jotka sijaitsevat annetun elementin jälkeen saman vanhemman sisällä.

Syntaksi

Kaikkien alapuolisten naaprien hankinta:

javascript$(valitsin).nextAll();

Naapureita voidaan myös suodattaa annetun valitsimen mukaan:

javascript$(elementti).nextAll(valitsin);

Esimerkki

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

html<p>outside</p>
<div>
  <p>inside</p>
  <p>inside</p>
  <p id="test">inside</p>
  <p>inside</p>
  <p>inside</p>
</div>
<p>outside</p>

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

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

html<p>outside</p>
<div>
  <p>inside</p>
  <p>inside</p>
  <p id="test">inside</p>
  <p>!</p>
  <p>!</p>
</div>
<p>outside</p>

Katso myös