Javascript 如何在一键式功能中克隆和删除div？

我已经查遍了所有地方，想找到一个明确的答案，但我找不到。我只是想知道我该怎么做

我想做的是：

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

$（'.backgrounds'）.clone（）.appendTo（“#可拖放”）

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

---

非常感谢

jQuery的

clone

允许复制事件。@Mouser如果要使用fadeIn删除旧的克隆内容和新内容，该怎么办？

    <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>