Metoden jQuery append() bruges til at indsætte specificeret indhold som det sidste underordnede (ved slutningen af) de valgte elementer i jQuery-samlingen.
Metoderne append () og appendTo () bruges til at udføre den samme opgave. Den eneste forskel mellem dem er i syntaksen.
Syntaks :
$(selector).append(content, function(index, html))
Parametre for jQuery append()-metoden
Parameter | Beskrivelse | ||
---|---|---|---|
Indhold | Det er en obligatorisk parameter. Det angiver det indhold, du vil indsætte. Dens mulige værdier er:
| ||
Funktion (indeks, html) | Det er en valgfri parameter. Den specificerer den funktion, der returnerer indholdet til at indsætte.Indeks: | Det returnerer indekspositionen for elementet i sættet.HTML: | Det returnerer den aktuelle HTML for det valgte element. |
Eksempel på jQuery append() metode
Lad os tage et eksempel for at 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 nu