logo

jQuery append()

jQuery append() -menetelmää käytetään lisäämään määritetty sisältö jQuery-kokoelman valittujen elementtien viimeisenä alatasona (loppuun).

Append ()- ja appendTo () -menetelmiä käytetään suorittamaan sama tehtävä. Ainoa ero niiden välillä on syntaksissa.

Syntaksi :

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

jQuery append() -metodin parametrit

Se palauttaa elementin indeksipaikan joukossa.Se palauttaa valitun elementin nykyisen HTML-koodin.
Parametri Kuvaus
Sisältö Se on pakollinen parametri. Se määrittää sisällön, jonka haluat lisätä. Sen mahdolliset arvot ovat:
  • HTML-elementtejä
  • jQuery-objekteja
  • DOM-elementtejä
Funktio (indeksi, html) Se on valinnainen parametri. Se määrittää funktion, joka palauttaa lisättävän sisällön.
Indeksi:
HTML:

Esimerkki jQuery append() -menetelmästä

Otetaan esimerkki jQuery append() -menetelmän havainnollistamiseksi.

 $(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 
Testaa nyt