Метод .replaceWith() заменяет одни элементы другими.

См. метод replaceAll, который также заменяет одни элементы другими.

См. также урок манипулирование элементами страницы через jQuery для более полного понимания.

Синтаксис

Параметром метода может служить текст (возможно с тегами), DOM элемент или объект jQuery:

$(что заменить).replaceWith(чем заменить)

Выбранные элементы будут заменены на содержимое, заданное текстом, который возвратит пользовательская функция. Функция вызывается отдельно, для каждого из выбранных элементов:

$(селектор).replaceWith(function(){})

Примеры

Пример

Давайте заменим все абзацы с классом .www на <div>!!!</div>:

<p class="www">Абзац.</p>
<p class="www">Абзац.</p>
<p class="www">Абзац.</p>
<p>Абзац.</p>
$('p.www').replaceWith('<div>!!!</div>');

HTML код станет выглядеть так:

<div>!!!</div>
<div>!!!</div>
<div>!!!</div>
<p>Абзац.</p>