jQuery документация - метод replaceWith()

Референс-руководство по эффектам jQuery

Пример

Замените каждый абзац жирным текстом:

$(".btn1").click(function(){
   $("p").replaceWith("<b>Hello world!</b>");
});

Попробуйте сами

Определение и использование

Метод replaceWith() заменяет выбранный элемент указанным HTML-содержимым или элементом.

Совет:replaceWith() и replaceAll() Действие идентично. Разница заключается в грамматике: положении содержимого и выбора и в том, что replaceAll() не может использовать функции для замены.

Грамматика

$().replaceWith(content)
Параметры Описание
content

Обязателен. Определяет содержимое для замены выбранного элемента.

Возможные значения:

  • HTML-код - например ("<div></div>")
  • Новые элементы - например (document.createElement("div"))
  • Существующие элементы - например ($(".div1"))

Существующие элементы не будут перемещены, а только скопированы и обернуты вокруг выбранного элемента.
Обязателен. Определяет элемент для замены.

Использование функции для замены элемента

Используйте функцию для замены выбранного элемента новым содержимым.

Грамматика

$().replaceWith(function())

Попробуйте сами

Параметры Описание
function() Обязателен. Возвращает функцию нового содержимого для заменяемого выбранного элемента.

Более примеров

Используйте новый элемент для замены элемента
Используйте document.createElement() для создания нового DOM-элемента, а затем используйте его для замены выбранного элемента.

Референс-руководство по эффектам jQuery