El método jQuery append() se utiliza para insertar contenido específico como el último elemento secundario (al final de) los elementos seleccionados en la colección jQuery.
Los métodos append() y appendTo() se utilizan para realizar la misma tarea. La única diferencia entre ellos está en la sintaxis.
Sintaxis :
$(selector).append(content, function(index, html))
Parámetros del método jQuery append()
| Parámetro | Descripción | ||
|---|---|---|---|
| Contenido | Es un parámetro obligatorio. Especifica el contenido que desea insertar. Sus valores posibles son:
| ||
| Función (índice, html) | Es un parámetro opcional. Especifica la función que devuelve el contenido a insertar.| Índice: | Devuelve la posición del índice del elemento en el conjunto.HTML: | Devuelve el HTML actual del elemento seleccionado. |
Ejemplo del método jQuery append()
Tomemos un ejemplo para demostrar el método 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 Pruébalo ahora