jQuery append suppression de nœuds de lieu d'origine 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> 

Lorsque je clique sur Append !, le Li class = « append-moi » sont ajoutés avec succès à la div, mais les noeuds sont retirés de leur lieu d'origine dans le code HTML . Comment puis-je ajouter les nœuds dans la div, mais ne pas les supprimer de leur lieu d'origine? Merci!

Answer 1

Vous pouvez essayer:.

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