logo

jQuery append()

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

Visszaadja az elem indexpozícióját a halmazban.A kiválasztott elem aktuális HTML-kódját adja vissza.
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:
  • HTML elemek
  • jQuery objektumok
  • DOM elemek
Függvény (index, html) Ez egy opcionális paraméter. Megadja azt a függvényt, amely visszaadja a beszúrandó tartalmat.
Index:
HTML:

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(){ $(&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 
Tesztelje most