Metoda append
Metoda append přidává text na konec
elementu. Existuje také metoda
appendTo,
která funguje podobným způsobem.
Syntaxe
Vložení textu na konec elementu:
$(selektor).append(text);
Na konec vybraných elementů lze přidat text, který bude vrácen uživatelskou funkcí. Funkce je volána samostatně pro každý z vybraných elementů. Při volání jsou jí předány následující parametry: pozice elementu v sadě, aktuální obsah elementu:
$(selektor).append(function(číslo v sadě, aktuální obsah elementu));
Obsah může být nejen obyčejný text, ale také DOM element nebo objekt jQuery. V tomto případě se tyto elementy přesunou ze své pozice v HTML kódu.
Příklad
Vložme text na konec daného odstavce:
<p id="test">text</p>
$('#test').append('!!!');
HTML kód bude poté vypadat takto:
<p id="test">text!!!</p>
Příklad
Vložme text s tagy na konec daného odstavce:
<p id="test">text</p>
$('#test').append('<b>!!!</b>');
HTML kód bude poté vypadat takto:
<p id="test">text<b>!!!</b></p>
Příklad
Najděme všechny odstavce a na konec každého z nich vložme jeho pořadové číslo v sadě:
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
$('p').append(function(index, text){return index;});
HTML kód bude poté vypadat takto:
<p>text0</p>
<p>text1</p>
<p>text2</p>
<p>text3</p>
<p>text4</p>
