Metodo append
Il metodo append aggiunge testo alla fine
dell'elemento. Esiste anche il metodo
appendTo,
che funziona in modo analogo.
Sintassi
Inserire testo alla fine di un elemento:
$(selettore).append(testo);
Alla fine degli elementi selezionati è possibile aggiungere testo che verrà restituito da una funzione personalizzata. La funzione viene chiamata separatamente per ciascuno degli elementi selezionati. Quando viene chiamata le vengono passati i seguenti parametri: la posizione dell'elemento nell'insieme, il contenuto corrente dell'elemento:
$(selettore).append(function(numero nell'insieme, contenuto corrente dell'elemento));
Il contenuto può essere non solo testo normale ma anche un elemento DOM o un oggetto jQuery. In questo caso questi elementi verranno spostati dalla loro posizione nel codice HTML.
Esempio
Inseriamo del testo alla fine del paragrafo specificato:
<p id="test">testo</p>
$('#test').append('!!!');
Il codice HTML diventerà così:
<p id="test">testo!!!</p>
Esempio
Inseriamo del testo con dei tag alla fine del paragrafo specificato:
<p id="test">testo</p>
$('#test').append('<b>!!!</b>');
Il codice HTML diventerà così:
<p id="test">testo<b>!!!</b></p>
Esempio
Troviamo tutti i paragrafi e alla fine di ciascuno di essi inseriamo il suo numero d'ordine nell'insieme:
<p>testo</p>
<p>testo</p>
<p>testo</p>
<p>testo</p>
<p>testo</p>
$('p').append(function(index, text){return index;});
Il codice HTML diventerà così:
<p>testo0</p>
<p>testo1</p>
<p>testo2</p>
<p>testo3</p>
<p>testo4</p>