Metóda append
Metóda append pridáva text na koniec
elementu. Tiež existuje metóda
appendTo,
ktorá funguje podobným spôsobom.
Syntax
Vloženie textu na koniec elementu:
javascript$(selektor).append(text);
Na koniec vybraných elementov je možné pridať text, ktorý vráti užívateľská funkcia. Funkcia sa volá, samostatne pre každý z vybraných elementov. Pri volaní sú jej odovzdané nasledujúce parametre: pozícia elementu v súbore, aktuálny obsah elementu:
javascript$(selektor).append(function(číslo v súbore, aktuálny obsah elementu));
Obsah môže byť nielen obyčajný text, ale aj DOM element alebo objekt jQuery. V tomto prípade sa tieto elementy presunú zo svojej pozície v HTML kóde.
Príklad
Pridajme text na koniec daného odseku:
html<p id="test">text</p>javascript$('#test').append('!!!');
HTML kód bude vyzerať takto:
html<p id="test">text!!!</p>
Príklad
Pridajme text s tagmi na koniec daného odseku:
html<p id="test">text</p>javascript$('#test').append('<b>!!!</b>');
HTML kód bude vyzerať takto:
html<p id="test">text<b>!!!</b></p>
Príklad
Nájdime všetky odseky a na koniec každého z nich umiestnime jeho poradové číslo v súbore:
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 kód bude vyzerať takto:
html<p>text0</p>
<p>text1</p>
<p>text2</p>
<p>text3</p>
<p>text4</p>