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
| Parametri | Kuvaus | ||
|---|---|---|---|
| Sisältö | Se on pakollinen parametri. Se määrittää sisällön, jonka haluat lisätä. Sen mahdolliset arvot ovat:
| ||
| Funktio (indeksi, html) | Se on valinnainen parametri. Se määrittää funktion, joka palauttaa lisättävän sisällön.| Indeksi: | Se palauttaa elementin indeksipaikan joukossa.HTML: | Se palauttaa valitun elementin nykyisen HTML-koodin. |
Esimerkki jQuery append() -menetelmästä
Otetaan esimerkki jQuery append() -menetelmän havainnollistamiseksi.
$(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 item Testaa nyt