使用JavaScript添加重复元素

Question

当我点击“添加更多”按钮动态地向整个页面添加元素时，我需要在JavaScript中复制相同的元素。这是我的代码截图：Image。请问应该如何操作？感谢您的建议和帮助！

- Nijar Hossain

---

http://api.jquery.com/clone - Rory McCrossan

@GauravAggarwal请不要删除与问题相关的标签。OP已经标记了jQuery，因此您可以想象他们会接受jQuery解决方案。 - Liam

那不是你的决定。 - Liam

@GauravAggarwal 很多时候人们倾向于将jQuery称为JavaScript，除非他们明确提到“Native/Vanila JS”，否则很自然地认为他接受jQuery，因为他已经标记了jQuery。 - RRR

你需要使用委托事件处理程序，$parentElement.on('event', 'element selector', func);。请参阅http://api.jquery.com/on/#on-events-selector-data - Rory McCrossan

Answer 1

你可以轻松地通过cloneNode在js中完成它。

function cloneFunction() {
    var para = document.getElementById("para-1");
    var cln = para.cloneNode(true);
    document.getElementById("parent").appendChild(cln);
}

<div id="parent">
<p id="para-1">Lorem Ipsum</p>
</div>

<button onclick="cloneFunction()">clone it</button>

- Arun Sharma

Answer 2

您可以使用本地JavaScript来完成此操作。

element2 = element1.cloneNode(bool)

这里的布尔值表示是否克隆子节点。

- Gaurav Aggarwal

---

clone() 能够正常工作，但如何绑定 JavaScript 事件呢？顺便说一句，谢谢。 - Nijar Hossain