Il metodo jQuery append() viene utilizzato per inserire il contenuto specificato come ultimo figlio (alla fine degli) elementi selezionati nella raccolta jQuery.
I metodi append() e appendTo() vengono utilizzati per eseguire la stessa attività. L'unica differenza tra loro è nella sintassi.
Sintassi :
$(selector).append(content, function(index, html))
Parametri del metodo jQuery append()
| Parametro | Descrizione | ||
|---|---|---|---|
| Contenuto | È un parametro obbligatorio. Specifica il contenuto che vuoi inserire. I suoi possibili valori sono:
| ||
| Funzione (indice,html) | È un parametro facoltativo. Specifica la funzione che restituisce il contenuto da inserire.| Indice: | Restituisce la posizione dell'indice dell'elemento nel set.HTML: | Restituisce l'HTML corrente dell'elemento selezionato. |
Esempio del metodo jQuery append()
Facciamo un esempio per dimostrare il metodo jQuery append().
$(document).ready(function(){ $('#btn1').click(function(){ $('p').append(' <b>Newly added appended text</b> .'); }); $('#btn2').click(function(){ $('ol').append('<li> <b>Newly added appended item</b> </li>'); }); }); <p>This is a paragraph.</p> <p>This is another paragraph.</p> <ol> <li>Item no.1</li> <li>Item no.2</li> <li>Item no.3</li> </ol> Append text Append item Provalo adesso