Metoda append
Metoda append adaugă text la sfârșitul
elementului. De asemenea, există metoda
appendTo,
care funcționează în mod similar.
Sintaxă
Inserarea textului la sfârșitul elementului:
$(selector).append(text);
La sfârșitul elementelor selectate se poate adăuga text care va fi returnat de funcția personalizată. Funcția este apelată separat pentru fiecare dintre elementele selectate. La apelare îi sunt transmisi următorii parametri: poziția elementului în set, conținutul curent al elementului:
$(selector).append(function(numărul în set, conținutul curent al elementului));
Conținutul poate fi nu doar text simplu, ci și un element DOM sau un obiect jQuery. În acest caz, aceste elemente vor fi mutate din poziția lor în codul HTML.
Exemplu
Să inserăm text la sfârșitul paragrafului dat:
<p id="test">text</p>
$('#test').append('!!!');
Codul HTML va arăta astfel:
<p id="test">text!!!</p>
Exemplu
Să inserăm text cu tag-uri la sfârșitul paragrafului dat:
<p id="test">text</p>
$('#test').append('<b>!!!</b>');
Codul HTML va arăta astfel:
<p id="test">text<b>!!!</b></p>
Exemplu
Să găsim toate paragrafele și la sfârșitul fiecăruia să plasăm numărul său de ordine în set:
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
$('p').append(function(index, text){return index;});
Codul HTML va arăta astfel:
<p>text0</p>
<p>text1</p>
<p>text2</p>
<p>text3</p>
<p>text4</p>
