不允许将重复项目推送到数组中

Question

基本上我正在将容器推入一个数组,一旦推出一个,我不想再允许同一个容器.

这是我的JSfiddle:http://jsfiddle.net/9Dmcg/3/

使用Javascript:

$(document).ready(function(){

var favorites = [];
var counter = 0;

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

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

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


});

我需要找到解决这个问题的方法.

Answer 1

除非该单击事件有更多内容，否则您可以使用该.one()方法代替.on来获取此功能。

$(document).ready(function(){

    var favorites = [];
    var counter = 0;

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

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

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

});

http://jsfiddle.net/9Dmcg/4/

即使有更多内容，您仍然可以使用.one()：

$(document).ready(function(){

    var favorites = [];
    var counter = 0;

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

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

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

        $(this).on("click",function(){
             alert("Favorite Added!");
        }).triggerHandler("click");

    });    

});

http://jsfiddle.net/9Dmcg/5/