El mètode jQuery append() s'utilitza per inserir contingut especificat com a darrer fill (al final de) els elements seleccionats a la col·lecció jQuery.
Els mètodes append () i appendTo () s'utilitzen per realitzar la mateixa tasca. L'única diferència entre ells està en la sintaxi.
Sintaxi :
$(selector).append(content, function(index, html))
Paràmetres del mètode jQuery append().
Paràmetre | Descripció | ||
---|---|---|---|
Contingut | És un paràmetre obligatori. Especifica el contingut que voleu inserir. Els seus valors possibles són:
| ||
Funció (índex, html) | És un paràmetre opcional. Especifica la funció que retorna el contingut a inserir.Índex: | Retorna la posició d'índex de l'element al conjunt.HTML: | Retorna l'HTML actual de l'element seleccionat. |
Exemple del mètode jQuery append().
Prenguem un exemple per demostrar el mètode 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 itemProva-ho ara