Этот сайт использует cookies. Продолжение работы с сайтом означает, что Вы согласны!
Замена элемента
Для полной замены одного элемента на другой предназначены два метода.
replaceWith(<Выражение>)
— заменяет все элементы коллекции на<Выражение>
. В качестве параметра может быть указан HTML-код, DOM-элемент или коллекция элементов jQuery. Для примера заменим элемент с идентификаторомdiv1
на новый элемент при щелчке на нем.
$("#div1").click(function() {
$("#div1").replaceWith("<u>Новый элемент</u>");
});
<div id="div1">Нажмите здесь</div>
Теперь заменим на DOM-элемент.
$("#div1").replaceWith($("<u>Новый элемент</u>").get(0));
А теперь заменим на созданный элемент коллекции jQuery.
$("#div1").replaceWith($("<u>Новый элемент</u>"));
Если указать существующую коллекцию элементов jQuery, то элементы будут перемещены.
$("#div1").replaceWith($("p"));
<div id="div1">Нажмите здесь</div>
Какой-то текст<br>
<p>Абзац1</p>
<p>Абзац2</p>
В результате все абзацы будут перемещены вместо элемента с идентификатором div1
, и мы получим следующий HTML-код.
<p>Абзац1</p><p>Абзац2</p>
Какой-то текст<br>
replaceAll(<Селектор>)
— вставляет созданный элемент вместо всех элементов, соответствующих указанному селектору. Заменим элемент с идентификаторомdiv1
на другой элемент.
$("<u>Новый элемент</u>").replaceAll("#div1");
Результат будет таким же, как и при использовании метода replaceWith()
.
$("#div1").replaceWith("<u>Новый элемент</u>");
Как видно из примера, мы поменяли параметры местами и использовали метод replaceWith()
вместо метода replaceAll()
.
Самоучитель по jQuery Учебник по jQuery 3.5.1 и AJAX в формате PDF
Помощь сайту
Yandex-деньги: 410011140483022
ПАО Сбербанк:
Счет: 40817810855006152256
Реквизиты банка:
Наименование: СЕВЕРО-ЗАПАДНЫЙ БАНК ПАО СБЕРБАНК
Корреспондентский счет: 30101810500000000653
БИК: 044030653
КПП: 784243001
ОКПО: 09171401
ОКОНХ: 96130
Скриншот реквизитов