jQuery dołączania usuwania węzłów z pierwotnego miejsca w 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> 

Kiedy klikam Dołącz !, Li jest z class = „append-me” zostały pomyślnie dodane do div, ale węzły są usuwane z ich pierwotnego miejsca w HTML . Jak mogę dodać węzły do ​​elementu div, ale nie usunąć ich z pierwotnego miejsca? Dzięki!

Answer 1

Można spróbować.

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