Метод replaceWith

Метод replaceWith заменяет одни элементы другими. Он работает подобно методу replaceAll.

Синтаксис

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

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

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

javascript$(селектор).replaceWith(function());

Пример

Давайте заменим все абзацы с классом www на див с текстом '!!!':

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

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

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

Смотрите также

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