使用所有元素克隆 <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 相同的元素。

到目前为止我已经试过了（使用 "add" 按钮）看看我是否可以克隆 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);

使用所有元素克隆 <div>

Clone <div> with all elements

html

javascript

jquery

clone