nextUntil-metodi

nextUntil -metodi palauttaa elementit, jotka sijaitsevat määritetyn elementin jälkeen saman vanhemman sisällä. Metodi palauttaa elementit määritetystä elementistä ensimmäiseen elementtiin asti, joka vastaa metodin parametrina määritettyä valitsinta. Jos metodeille ei anneta parametreja, se toimii kuten nextAll -metodi.

Syntaksi

Ensimmäisenä parametrina voidaan antaa lauseke merkkijonona, jolla suoritetaan valinta, DOM-solmu tai jQuery-olio. Toisena parametrina voidaan antaa lisäehto suodatukselle merkkijonona. Molemmat parametrit ovat valinnaisia:

.nextUntil([valitsin], [suodatin]);

Esimerkki

Etsitään elementti #test ja asetetaan kaikille sen seuraaville naapureille .www -luokan kappaleeseen asti teksti '!' käyttämällä html -metodia:

<p>ulkona</p>
<div>
	<p>sisällä</p>
	<p class="www">sisällä</p>
	<p>sisällä</p>
	<p>sisällä</p>
	<p id="test">sisällä</p>
	<p>sisällä</p>
	<p>sisällä</p>
	<p class="www">sisällä</p>
	<p>sisällä</p>
</div>
<p>ulkona</p>

$('#test').prevUntil('p.www').html('!');

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

<p>ulkona</p>
<div>
	<p>sisällä</p>
	<p class="www">sisällä</p>
	<p>sisällä</p>
	<p>sisällä</p>
	<p id="test">sisällä</p>
	<p>!</p>
	<p>!</p>
	<p class="www">sisällä</p>
	<p>sisällä</p>
</div>
<p>ulkona</p>

Katso myös

prevUntil -metodi,
joka palauttaa ennen määritettyä elementtiä sijaitsevat elementit
next -metodi,
joka mahdollistaa elementin seuraavan naapurin
nextAll -metodi,
joka palauttaa määritetyn elementin jälkeen sijaitsevat elementit saman vanhemman sisällä
siblings -metodi,
joka mahdollistaa elementin naapurien hankkimisen saman vanhemman sisällä