如何在div中复制div

Question

我对这一切都很陌生。我想请求帮助和一些建议如何复制其中包含更多DIV的DIV示例。我想要实现的是点击按钮添加作者复制整个主div与divs内，并附加一个数字到每个ID，所以在数据库的输入，它不会造成混乱。 我的HTML示例位于：

.hash

Demo

正如您所看到的，有一些用于克隆的Javascript，但我不知道它为什么不起作用。您的任何建议表示赞赏。如果已经被问过，也很抱歉。 感谢

Answer 1

我认为您的主要问题是如何将新元素添加到文档中。我创建了一个包装元素并简单地附加到它：

<div id="authorlist">
    <div class="author" id="author" name="author">

$('#authorlist').append(newElem);

<强> Simplified Demo

Answer 2

我想向您介绍Range对象，这是解决此问题和许多其他问题的一个很好的解决方案， 1.使用以下命令创建范围对象：var range = document.createRange(); / 检查在IE上进行此操作的引用 / 2.使用range.selectNodeContents(divElement);选择div内容 3.克隆其内容var clone = range.cloneContents(); 4.将克隆附加到另一个div otherDiv.appendChild(clone);