Méthode append() de jQuery

jQuery HTML/Méthodes CSS

La méthode append() de jQuery insère le contenu spécifié à la fin de chaque élément sélectionné (comme dernier élément fils).

Pour insérer du contenu au début de l'élément sélectionné, utilisezprepend()Méthode.

Syntaxe :

Insérer du contenu :

$(selector).append(content)

Insérer du contenu en utilisant une fonction :

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

Exemple

Ajouter du texte dans tous les paragraphes :

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

Insérer du HTML dans tous les paragraphes :

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

Dans cet exemple, document.createTextNode() est utilisé pour créer un nœud de texte et l'insérer dans tous les éléments <p> :

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

Insérer du contenu en utilisant une fonction :

$("button").click(function(){
　　$("p").append(function(i){
　　　　　　　return "<b>Le p élément a l'index "　+　i　+　".</b>";
　　});
});

Valeur du paramètre

jQuery HTML/Méthodes CSS