Meetod prepend
Meetod prepend lisab teksti elemendi algusesse.
Samuti on olemas meetod
prependTo,
mis töötab sarnasel viisil.
Süntaks
Teksti sisestamine elemendi algusesse:
$(valija).prepend(tekst);
Valitud elementide algusesse saab lisada teksti, mille tagastab kasutaja määratud funktsioon. Funktsiooni kutsutakse välja eraldi iga valitud elemendi jaoks. Väljakutsel edastatakse sellele järgmised parameetrid: elemendi positsioon komplektis, elemendi praegune sisu:
$(valija).prepend(function(number komplektis, praegune elemendi sisu));
Sisu võib olla mitte ainult tavaline tekst, vaid ka DOM element või jQuery objekt. Sel juhul nihutatakse need elemendid oma positsioonilt HTML-koodis.
Näide
Lisame teksti antud lõigu algusesse:
<p id="test">text</p>
$('#test').prepend('!!!');
HTML-kood näeb välja selline:
<p id="test">!!!text</p>
Näide
Lisame teksti siltidega antud lõigu algusesse:
<p id="test">text</p>
$('#test').prepend('<b>!!!</b>');
HTML-kood näeb välja selline:
<p id="test"><b>!!!</b>text</p>
Näide
Leiame kõik lõigud ja paneme iga neist algusesse selle järjekorranumbri komplektis:
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
$('p').prepend(function(index, text) {
return index;
});
HTML-kood näeb välja selline:
<p>0text</p>
<p>1text</p>
<p>2text</p>
<p>3text</p>
<p>4text</p>