logo

jQuery append()

Die jQuery-Methode append() wird verwendet, um bestimmte Inhalte als letztes untergeordnetes Element (am Ende) der ausgewählten Elemente in die jQuery-Sammlung einzufügen.

Die Methoden append() und appendTo() werden verwendet, um dieselbe Aufgabe auszuführen. Der einzige Unterschied zwischen ihnen besteht in der Syntax.

Syntax :

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

Parameter der jQuery-Append()-Methode

Es gibt die Indexposition des Elements in der Menge zurück.Es gibt den aktuellen HTML-Code des ausgewählten Elements zurück.
Parameter Beschreibung
Inhalt Es handelt sich um einen obligatorischen Parameter. Es gibt den Inhalt an, den Sie einfügen möchten. Seine möglichen Werte sind:
  • HTML-Elemente
  • jQuery-Objekte
  • DOM-Elemente
Funktion (index,html) Es handelt sich um einen optionalen Parameter. Es gibt die Funktion an, die den einzufügenden Inhalt zurückgibt.
Index:
HTML:

Beispiel für die jQuery-Methode append()

Nehmen wir ein Beispiel, um die jQuery-Methode append() zu demonstrieren.

 $(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 
Testen Sie es jetzt