Méthode prepend() de jQuery

jQuery HTML/Méthodes CSS

La méthode prepend() insère le contenu spécifié à la tête de chaque élément sélectionné (comme premier enfant).

Pour insérer du contenu à la fin de l'élément sélectionné, utilisezappend()Méthode.

Syntaxe :

Insérer du contenu préfixé :

$.prepend(content)

Ajouter du contenu en utilisant une fonction :

$.prepend(function(index, html))

Exemple

Ajouter du texte avant tous les paragraphes :

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

Ajouter du HTML avant tous les paragraphes :

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

Ce exemple utilise document.createTextNode() pour créer un nœud de texte et l'ajouter avant tous les éléments <p> :

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

Ajouter du contenu en utilisant une fonction :

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

Valeur du paramètre

jQuery HTML/Méthodes CSS