jQuery accodare la rimozione di nodi dal luogo originario in 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> 

Quando clicco Append !, del con li class = "aggiungo-me" sono aggiunte con successo al div, ma i nodi vengono rimossi dal loro posto originale nel codice HTML . Come posso aggiungere i nodi nel div, ma non rimuoverli dalla loro posizione originale? Grazie!

Answer 1

Si può provare:.

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