jQuery追加从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>

当我点击追加!李的带class ="追加我"被成功添加到div,但节点从HTML原来的地方带走.如何将节点添加到div中,但不能将它们从原始位置删除？谢谢!

Answer 1

你可以试试:

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