Opérations de document jQuery - méthode replaceWith()

Manuel de références des effets jQuery

Exemple

Remplacez chaque paragraphe par du texte en gras :

$(".btn1").click(function(){
   $("p").replaceWith("<b>Hello world!</b>");
});

Essayez-le vous-même

Définition et utilisation

La méthode replaceWith() remplace l'élément sélectionné par un contenu HTML ou un élément spécifié.

Conseil :replaceWith() et replaceAll() Fonctionnement similaire. La différence réside dans la syntaxe : la position du contenu et du sélecteur, etreplaceAll() ne peut pas utiliser de fonctions pour le remplacement.

Syntaxe

$().replaceWith(content)
Paramètres Description
content

Obligatoire. Définissez le contenu à remplacer l'élément sélectionné.

Valeurs possibles:

  • Code HTML - par exemple ("<div></div>")
  • Nouvel élément - par exemple (document.createElement("div"))
  • Éléments existants - par exemple ($(".div1"))

Les éléments existants ne sont pas déplacés, mais copiés et enveloppés autour de l'élément sélectionné.
Obligatoire. Définissez l'élément à remplacer.

Utilisez une fonction pour remplacer l'élément

Utilisez une fonction pour remplacer l'élément sélectionné par un nouveau contenu.

Syntaxe

$().replaceWith(function())

Essayez-le vous-même

Paramètres Description
function() Obligatoire. Fonction retournant le nouveau contenu de l'élément sélectionné à remplacer.

Plus d'exemples

Utilisez l'élément nouveau pour remplacer l'élément
Utilisez document.createElement() pour créer un nouvel élément DOM, puis utilisez-le pour remplacer l'élément sélectionné.

Manuel de références des effets jQuery