Задать вопрос
Stasy11
@Stasy11
The best epta
javascript

Как копировать содержимое одного div и вставлять в другой div с помощью JS/JQ?

Есть блок 
<div id="sync1" class="owl-carousel">
  <div class="item"><h1>1</h1></div>
  <div class="item"><h1>2</h1></div>
  <div class="item"><h1>3</h1></div>
</div>

И есть второй блок div
<div id="sync2" class="owl-carousel">
  <div class="item"><h1>1</h1></div>
  <div class="item"><h1>2</h1></div>
  <div class="item"><h1>3</h1></div>
</div>

Как сделать, чтобы всё содержимое #sync1 копировалось в #sync2?
  • Вопрос задан
  • 5793 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 2
devellopah
@devellopah
Если на чём-нибудь внутри sync1, например, на дивах, висят обработчики(а очень часто так и будет), то, в идеале, ты не просто хочешь скопировать содержимое, но и обработчики прихватить заодно.

По-моему, в jquery это можно сделать примерно так:

$('#sync1').clone(true).unwrap().appendTo('#sync2');


или если нужно полностью заменить содержимое элемента

$('#sync1').clone(true).unwrap().appendTo( $('#sync2').empty() );
Ответ написан
Комментировать
Комментировать
Stalker_RED
@Stalker_RED
sync2.innerHTML = sync1.innerHTML
Ответ написан
4 комментария
4 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Пройти верификацию по лицу используя нейросеть, вебкамеру и эмулятор
25 апр. 2024, в 20:34
350000 руб./за проект
Доработка Django приложения и исправление ошибок конфигурации
25 апр. 2024, в 20:14
1000 руб./за проект
Завершение разработки проекта на CS2
25 апр. 2024, в 20:02
100000 руб./за проект
Ещё заказы