jQuery append 从 HTML 中移除节点的问题

Question

<ul>
    <li class="append-me">Content A</li>
    <li class="append-me">Content B</li>
    <li class="dont-append-me">Content C</li>
</ul>

<a id="append-it" href="#">Append!</a>

<div id="appended-items"></div>

<script>
    $("#append-it").click(function(){
        $("#appended-items").append($(".append-me"));
    });
</script>

当我点击“追加”按钮时，具有“append-me”类的li元素成功添加到div中，但这些节点从HTML中的原始位置被移除了。如何将节点添加到div中，而不从它们的原始位置删除？谢谢！

- jerome

Answer 1

你可以尝试：

$("#appended-items").append($(".append-me").clone());

- Jon Hoffman

---

如果您希望保留克隆元素的事件处理程序，请使用 $("#appended-items").append($(".append-me").clone(true));。 - David Murdoch