Método replaceWith

El método replaceWith reemplaza unos elementos por otros. Funciona de manera similar al método replaceAll.

Sintaxis

El parámetro del método puede ser texto (posiblemente con etiquetas), array, elemento DOM u objeto jQuery:

javascript$(qué_reemplazar).replaceWith(con_qué_reemplazar);

Los elementos seleccionados serán reemplazados por el contenido, especificado por el texto que devuelva la función personalizada. La función se llama por separado, para cada uno de los elementos seleccionados:

javascript$(selector).replaceWith(función());

Ejemplo

Reemplacemos todos los párrafos con clase www por un div con texto '!!!':

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>');

El código HTML quedará así:

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

Véase también