A jQuery append() metódus a megadott tartalom beszúrására szolgál a jQuery gyűjtemény kiválasztott elemeinek utolsó gyermekeként (végére).
Az append () és az appendTo () metódusok ugyanazt a feladatot hajtják végre. Az egyetlen különbség köztük a szintaxisban van.
Szintaxis :
$(selector).append(content, function(index, html))
A jQuery append() metódus paraméterei
| Paraméter | Leírás | ||
|---|---|---|---|
| Tartalom | Ez egy kötelező paraméter. Meghatározza a beszúrni kívánt tartalmat. Lehetséges értékei a következők:
| ||
| Függvény (index, html) | Ez egy opcionális paraméter. Megadja azt a függvényt, amely visszaadja a beszúrandó tartalmat.| Index: | Visszaadja az elem indexpozícióját a halmazban.HTML: | A kiválasztott elem aktuális HTML-kódját adja vissza. |
Példa a jQuery append() metódusára
Vegyünk egy példát a jQuery append() metódus bemutatására.
$(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 Tesztelje most