Insérer à l’extérieur

after(contenu) after

Ajoute du contenu spécifié en argument après l’élément de la sélection.

Le contenu peut être une chaîne de caractères, du HTML ou un objet jQuery.

$("p").after("<b>Hello</b>") : ajoute après l’élément de paragraphe <p> le contenu fourni en argument.

Cette méthode renvoie un objet jQuery.

after(fonction)

La version 1.4 de jQuery permet aussi de passer par une fonction qui retourne les éléments à insérer.

$('p').after(function() { 
    return "<div>Insertion</div>"; 
});
 

Cet exemple insère un élément <div> après chaque paragraphe.

before(contenu) before

Ajoute du contenu spécifié en argument avant chaque élément de la sélection.

Le contenu peut être une chaîne de caractères, du HTML ou un objet jQuery.

$("p").before("<b>Hello</b>") : ajoute avant l’élément de paragraphe <p> le contenu fourni en argument.

before(fonction)

La version 1.4 de jQuery permet également de passer par une fonction qui retourne les éléments à insérer.

$('p').before(function() { 
    return "<div>Insertion</div>"; 
});
 

Cet exemple insère un élément <div> avant...