克隆所有元素的<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及其整个子级的方法：

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

那么您可以做：

yourElement.appendChild(myDiv);