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>

Когда я нажимаю "Добавить", li с class = "append-me" успешно добавляются в div, но узлы удаляются с их исходного места в HTML. Как я могу добавить узлы в div, но не удалить их с их исходного места? Спасибо!

Answer 1

Вы можете попробовать:

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