jQuery append() Methode

jQuery HTML/CSS Methoden

Die append()-Methode fügt den angegebenen Inhalt an das Ende jedes ausgewählten Elements ein (als letztes Kindselement).

Um Inhalte an den Anfang des ausgewählten Elements einzufügen, verwenden Sieprepend()Methode。

Syntax：

Einfügen von Inhalten：

$(selector).append(content)

Inhalt mit Funktion einfügen:

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

Beispiel

Einige Textinhalte in alle Absätze einfügen：

$("button").click(function(){
　　$("p").append("Hello　world");
});

HTML in alle Absätze einfügen：

$("button").click(function(){
　　$("p").append("<b>Hello　world</b>");}}
});

Dieser Beispiel verwendet document.createTextNode() um einen Textknoten zu erstellen und in alle <p>-Elemente einzufügen:

$("button").click(function(){
　　$("p").append(document.createTextNode("Hello world"));
});

Inhalt mit Funktion einfügen:

$("button").click(function(){
　　$("p").append(function(i){
　　　　　　　return "<b>Der p-Element hat die Index "　+　i　+　".</b>";
　　});
});

Parameterwert

jQuery HTML/CSS Methoden