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
Parameter | Beskrivelse | ||
---|---|---|---|
Innhold | Det er en obligatorisk parameter. Den spesifiserer innholdet du vil sette inn. Dens mulige verdier er:
| ||
Funksjon (indeks, html) | Det er en valgfri parameter. Den spesifiserer funksjonen som returnerer innholdet som skal settes inn.Indeks: | Den returnerer indeksposisjonen til elementet i settet.HTML: | Den returnerer gjeldende HTML for det valgte elementet. |
Eksempel på jQuery append()-metoden
La oss ta et eksempel for å demonstrere jQuery append()-metoden.
$(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 itemTest det nå