jQuery anexar la eliminación de nodos de su lugar original en 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> 

Al hacer clic en Anexar !, de la clase del li = "append-me" se añaden con éxito para el div, pero los nodos son removidos de su lugar original en el HTML . ¿Cómo puedo agregar los nodos en el div, pero no eliminarlos de su ubicación original? ¡Gracias!

Answer 1

Puede probar:.

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