如何在单击功能中克隆和删除div？

Question

我已经到处检查，找到一个明确的答案，但我无法找到。我只需要建议我将如何做。

我想做的是：

使用所有事件克隆此块（非常重要）

    <div class="backgrounds remove-handle">
        <ul>
            <li><a class="bg1" href="#"><img src="assets/backgrounds/small/01.jpg"></a></li>
            <li><a class="bg2" href="#"><img src="assets/backgrounds/small/02.jpg"></a></li>
            <li><a href="#" class="bg3"><img src="assets/backgrounds/small/03.jpg"></a></li>
            <li><a href="#" class="bg4"><img src="assets/backgrounds/small/04.jpg"></a></li>
            <li><a href="#" class="bg5"><img src="assets/backgrounds/small/05.jpg"></a></li>
            <li><a href="#" class="bg6"><img src="assets/backgrounds/small/06.jpg"></a></li>
        </ul>
    </div>

$（＆＃39; .backgrounds＆＃39）。克隆（）appendTo（＆＃34;＃可投放＆＃34）;

并删除原始的。我只需要克隆的div块。用户可以随时使用它。这个过程不必一次触发自己。

非常感谢！