Meetod prepend

Meetod prepend lisab teksti elemendi algusesse. Samuti on olemas meetod prependTo, mis töötab sarnasel viisil.

Süntaks

Teksti sisestamine elemendi algusesse:

javascript$(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:

javascript$(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:

html<p id="test">text</p>

javascript$('#test').prepend('!!!');

HTML-kood näeb välja selline:

html<p id="test">!!!text</p>

Näide

Lisame teksti siltidega antud lõigu algusesse:

html<p id="test">text</p>

javascript$('#test').prepend('<b>!!!</b>');

HTML-kood näeb välja selline:

html<p id="test"><b>!!!</b>text</p>

Näide

Leiame kõik lõigud ja paneme iga neist algusesse selle järjekorranumbri komplektis:

html<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>

javascript$('p').prepend(function(index, text) {
  return index;
});

HTML-kood näeb välja selline:

html<p>0text</p>
<p>1text</p>
<p>2text</p>
<p>3text</p>
<p>4text</p>

Vaata ka