Как заменить элемент на jQuery.

Предположим, что у нас на веб-странице есть какой-либо элемент, который нужно удалить (заменить) и вместо него подставить другой элемент.

Например, если имеется вот такой код:

<p>Элемент 1</p>
<p>Элемент 2</p>
<p>Элемент 3</p>
<p class="replace">Элемент, который нужно заменить.</p>

Элемент с class="replace" нужно заменить на элемент <span>Заменили</span>

Сделать это с помощью jQuery не представляет особой трудности. Нужно воспользоваться методом replaceWith. Он заменяет содержимое элемента тем, которое указано у него в качестве параметра.

$(".replace").replaceWith("<span>Заменили</span>")

Давайте посмотрим, как это работает на практике.