logo

jQuery tilføje()

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

Det returnerer indekspositionen for elementet i sættet.Det returnerer den aktuelle HTML for det valgte element.
Parameter Beskrivelse
Indhold Det er en obligatorisk parameter. Det angiver det indhold, du vil indsætte. Dens mulige værdier er:
  • HTML-elementer
  • jQuery objekter
  • DOM elementer
Funktion (indeks, html) Det er en valgfri parameter. Den specificerer den funktion, der returnerer indholdet til at indsætte.
Indeks:
HTML:

Eksempel på jQuery append() metode

Lad os tage et eksempel for at 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 nu