Клон <div>со всеми элементами

Question

У меня есть этот div (представляющий местоположение комнаты):

<div class="card transition">
    <h2 class="transition1"></h2>
    <p class="hovering"></p>
    <div class="cta-container transition"><a href="#" class="cta">Open room</a></div>
    <div class="card_circle transition"></div>
</div>

Также я делаю запрос AJAX, чтобы узнать количество комнат. Например, если у меня 9 комнат с расположением, я хочу динамически генерировать 9 div для каждой комнаты, содержащих те же элементы, что и div выше.

Я попробовал это до сих пор (используя кнопку «добавить»), чтобы посмотреть, смогу ли я клонировать div, но безуспешно:

$(function () {
    $("#add").click(function () {
        div = document.createElement('div');
        $(div).addClass("cta-container transition").html($('.cta-container transition').clone());
        $(".card transition").append(div);
    });
});

Answer 1

Вот как клонировать div и всех его детей в native:

var myDiv=document.getElmentById("myDiv").cloneNode(true);

Тогда вы можете сделать:

yourElement.appendChild(myDiv);