logo

jQuery append()

Metóda jQuery append() sa používa na vloženie špecifikovaného obsahu ako posledného potomka (na koniec) vybratých prvkov v kolekcii jQuery.

Metódy append () a appendTo () sa používajú na vykonanie rovnakej úlohy. Jediný rozdiel medzi nimi je v syntaxi.

Syntax :

diskrétna matematická negácia
 $(selector).append(content, function(index, html)) 

Parametre metódy append() jQuery

Vráti polohu indexu prvku v množine.Vráti aktuálny kód HTML vybratého prvku.
Parameter Popis
Obsah Je to povinný parameter. Určuje obsah, ktorý chcete vložiť. Jeho možné hodnoty sú:
  • HTML prvky
  • objekty jQuery
  • prvky DOM
Funkcia (index,html) Je to voliteľný parameter. Určuje funkciu, ktorá vracia obsah na vloženie.
Index:
HTML:

Príklad metódy append() jQuery

Zoberme si príklad na demonštráciu metódy jQuery append().

 $(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 
Vyskúšajte to