English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Méthode insertAfter() de jQuery

HTML de jQuery/Méthodes CSS

La méthode insertAfter() insère l'élément HTML spécifié après l'élément sélectionné.

Pour insérer un élément HTML avant l'élément sélectionné, utilisezinsertBefore()méthode.

Dansafter()Exécute la même tâche que la méthode insertAfter(). La principale différence réside dans la syntaxe :

  • Utilisationafter()La sélection de l'expression se situe avant la fonction, et les paramètres sont le contenu à insérer.

  • UtilisationinsertAfter(),au contraire, le contenu est avant la méthode, il sera placé après l'élément de paramètre.

Syntaxe :

$(content).insertAfter(selector)

Exemple

Insérez un élément HTML après chaque paragraphe :

$("button").click(function(){
  $("<p style="39;color:red;'>Hello world</p>").insertAfter("p");
});
Voyons voir‹/›

Utilisez la méthode insertAfter() pour insérer un élément existant après chaque élément sélectionné :

$("button").click(function(){
  $("h1").insertAfter("p");
});
Voyons voir‹/›

Valeur du paramètre

ParamètresDescription
contentSpécifiez le contenu à insérer (doit contenir des balises HTML)

Valeurs possibles :

  • Élément HTML

  • Élément DOM

  • Objet jQuery

selectorL'élément sélectionné sera inséré après cet élément spécifié par le paramètre

HTML de jQuery/Méthodes CSS