javascript - 使用 .append() 时原始对象消失

Question

这个问题已经有答案了:

How to append one jQuery element already in the DOM to another element? (5 个回答)

已关闭 9 个月前。

我制作了一个快速的“添加到收藏夹”类型的程序来进行练习。您单击“收藏夹”框，它会将其添加到侧边栏。

这是 JSFiddle:http://jsfiddle.net/LCBradley3k/sdKgP/

Javascript:

$(document).ready(function(){
    var favorites = [];
    var counter = 0;

    $('#container, #container2, #container3').click(function(){
       favorites.push($(this))            
        $('.favorite').append(favorites);
    });  
});

我希望它继续做它所做的事情，但不要让原来的容器消失。

另外，不要说 $(container 1, 2, 3, etc) ，有没有一种方法可以让它只知道单击了哪个容器，然后移动该特定容器。如果我有 50 个容器怎么办？我不想将它们全部列出。

Answer 1

这是正在运行的 JSFiddle http://jsfiddle.net/9Dmcg/3/

为容器指定一个类并绑定(bind)到该类。

$('.containers').bind('click', function(){

    favorites.push($(this).clone())

    $('.favorite').append(favorites);
});

看起来 jcubic 具有正确的克隆语法