logo

jQuery append()

Metoden jQuery append() brukes til å sette inn spesifisert innhold som siste underordnede (på slutten av) de valgte elementene i jQuery-samlingen.

Metodene append () og appendTo () brukes til å utføre samme oppgave. Den eneste forskjellen mellom dem er i syntaksen.

Syntaks :

 $(selector).append(content, function(index, html)) 

Parametre for jQuery append()-metoden

Den returnerer indeksposisjonen til elementet i settet.Den returnerer gjeldende HTML for det valgte elementet.
Parameter Beskrivelse
Innhold Det er en obligatorisk parameter. Den spesifiserer innholdet du vil sette inn. Dens mulige verdier er:
  • HTML-elementer
  • jQuery-objekter
  • DOM-elementer
Funksjon (indeks, html) Det er en valgfri parameter. Den spesifiserer funksjonen som returnerer innholdet som skal settes inn.
Indeks:
HTML:

Eksempel på jQuery append()-metoden

La oss ta et eksempel for å demonstrere jQuery append()-metoden.

 $(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 
Test det nå