jQuery追加从HTML中的原始位置删除节点答案

【问题标题】：jQuery append removing nodes from original place in HTMLjQuery追加从HTML中的原始位置删除节点
【发布时间】：2010-12-04 02:07:09
【问题描述】：

<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>

当我点击追加！时，带有 class="append-me" 的 li 已成功添加到 div 中，但节点已从 HTML 中的原始位置删除。如何将节点添加到 div 中，但不将它们从原来的位置删除？谢谢！

【问题讨论】：

标签： jquery append

【解决方案1】：

你可以试试：


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

【讨论】：

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