.append() (metodo jQuery) aggiunge un contenuto come ultimo indice dell’elemento selezionato.
tips&tricks
La differenza tra i metodi jQuery .append() e .appendTo() è questa:
A.append(B) aggiunge B a A
A.appendTo(B) aggiunge A a B
Sintassi
/* 1 */
$(selettore).append(oggetto1, oggetto2[facoltativo], ...);
/* 2 */
$(selettore).append(function(indice[facoltativo], html[facoltativo]){
return oggetto1;
});
| parametro | descrizione |
|---|---|
| oggetto1 | L’oggetto da inserire, che può essere un elemento HTML (tag compresi), un oggetto jQuery, o un elemento del DOM |
| function | La funzione che restituisce l’oggetto da inserire, eventualmente utilizzando i seguenti parametri facoltativi:index: la posizione dell’indice dell’elementohtml: il precedente valore HTML dell’elemento
|
Esempi
<script>
var num_dopo = 2;
$("#aggiungi_elemento_dopo").click(function(){
$("#lista1").append("<li>nuovo elemento "+num_dopo+"</li>");
num_dopo++;
})
</script>
<ol id="lista1">
<li>Voce 1</li>
</ol>
<button id="aggiungi_elemento_dopo">append</button>
Contenuti correlati
- CSS
- HTML
- JavaScript
- jQuery
- PHP
- SQL
- WORDPRESS
0 Comment