Стажировка на реальных проектах:
наполнение портфолио, помощь с работой и заказами, пробные собеседования. Жми для подробностей→
24 of 119 menu
Бесплатный курс по Верстке. От новичка до продвинутого верстальщика! Начало 11 ноября. Жми для записи!

Метод replaceWith

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

Синтаксис

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

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

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

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

Пример

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

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

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

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

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

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