Remplacer un élément

replaceWith() replaceWith

Remplace l’élément courant par le contenu spécifié, sous forme de code HTML ou d’objet DOM. La fonction retourne l’élément jQuery qui vient d’être remplacé et supprimé du DOM.

$("#div1").replaceWith("<div>Nouvelle division</div>");
 

Cette méthode renvoie un objet jQuery.

Commentaires

La méthode html() remplace le contenu de l’élément tandis que replaceWith() remplace l’élément lui-même.

Exemple

Modifions un bouton de soumission de formulaire après un clic sur celui-ci. Les images de l’exemple sont disponibles dans l’espace de téléchargement réservé à cet ouvrage.

L’affichage initial montre l’image initiale ...