prevUntil-metodi

prevUntil -metodi palauttaa elementit, jotka ovat ennen annettua saman vanhemman sisällä. Metodi palauttaa elementit annetusta elementistä ensimmäiseen elementtiin asti, joka vastaa metodin parametrina annettua valitsinta. Jos metodia kutsutaan ilman parametreja, se toimii kuten prevAll -metodi.

Syntaksi

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

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

Esimerkki

Etsitään elementti #test ja asetetaan kaikille sen yläpuolisille 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>!</p>
	<p>!</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>

Katso myös

metodi nextUntil,
joka palauttaa elementit, jotka ovat annetun jälkeen
metodi prev,
joka mahdollistaa elementin yläpuolisen naapurin
metodi prevAll,
joka palauttaa elementit, jotka ovat ennen annettua saman vanhemman sisällä
metodi siblings,
joka mahdollistaa elementin naapurien saamisen saman vanhemman sisällä