logo

jQuery append()

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().

Retorna la posició d'índex de l'element al conjunt.Retorna l'HTML actual de l'element seleccionat.
Paràmetre Descripció
Contingut És un paràmetre obligatori. Especifica el contingut que voleu inserir. Els seus valors possibles són:
  • Elements HTML
  • Objectes jQuery
  • Elements DOM
Funció (índex, html) És un paràmetre opcional. Especifica la funció que retorna el contingut a inserir.
Índex:
HTML:

Exemple del mètode jQuery append().

Prenguem un exemple per demostrar el mètode jQuery append().

 $(document).ready(function(){ $(&apos;#btn1&apos;).click(function(){ $(&apos;p&apos;).append(&apos; <b>Newly added appended text</b> .&apos;); }); $(&apos;#btn2&apos;).click(function(){ $(&apos;ol&apos;).append(&apos;<li> <b>Newly added appended item</b> </li>&apos;); }); }); <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 
Prova-ho ara