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
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:
| ||
Funktion (index,html) | Es handelt sich um einen optionalen Parameter. Es gibt die Funktion an, die den einzufügenden Inhalt zurückgibt.Index: | Es gibt die Indexposition des Elements in der Menge zurück.HTML: | Es gibt den aktuellen HTML-Code des ausgewählten Elements zurück. |
Beispiel für die jQuery-Methode append()
Nehmen wir ein Beispiel, um die jQuery-Methode append() zu demonstrieren.
$(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 itemTesten Sie es jetzt