Meetod append
Meetod append lisab teksti elemendi lõppu.
Samuti on olemas meetod
appendTo,
mis töötab sarnasel viisil.
Süntaks
Teksti sisestamine elemendi lõppu:
javascript$(valija).append(tekst);
Valitud elementide lõppu saab lisada teksti, mille tagastab kasutaja funktsioon. Funktsiooni kutsutakse välja iga valitud elemendi jaoks eraldi. Väljakutsel edastatakse sellele järgmised parameetrid: elemendi asukoht komplektis, elemendi praegune sisu:
javascript$(valija).append(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 asukohast HTML-koodis.
Näide
Lisame teksti antud lõigu lõppu:
html<p id="test">text</p>javascript$('#test').append('!!!');
HTML-kood näeb välja selline:
html<p id="test">text!!!</p>
Näide
Lisame teksti siltidega antud lõigu lõppu:
html<p id="test">text</p>javascript$('#test').append('<b>!!!</b>');
HTML-kood näeb välja selline:
html<p id="test">text<b>!!!</b></p>
Näide
Leiame kõik lõigud ja paneme igaühe lõppu selle järjekorranumbri komplektis:
html<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>javascript$('p').append(function(index, text){return index;});
HTML-kood näeb välja selline:
html<p>text0</p>
<p>text1</p>
<p>text2</p>
<p>text3</p>
<p>text4</p>