Méthode replaceWith

La méthode replaceWith remplace certains éléments par d'autres. Elle fonctionne de manière similaire à la méthode replaceAll.

Syntaxe

Le paramètre de la méthode peut être du texte (éventuellement avec des balises), un tableau, un élément DOM ou un objet jQuery :

javascript$(quoi_remplacer).replaceWith(par_quoi_remplacer);

Les éléments sélectionnés seront remplacés par le contenu, défini par le texte que renverra la fonction utilisateur. La fonction est appelée séparément, pour chacun des éléments sélectionnés :

javascript$(sélecteur).replaceWith(fonction());

Exemple

Remplaçons tous les paragraphes avec la classe www par une div avec le texte '!!!' :

html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
javascript$('p.www').replaceWith('<div>!!!</div>');

Le code HTML deviendra alors :

html<div>!!!</div>
<div>!!!</div>
<div>!!!</div>
<p>text</p>

Voir aussi

  • la méthode replaceAll,
    qui remplace également certains éléments par d'autres