基于重复从对象中删除jquery对象

时间:2014-06-19 09:50:15

标签: javascript jquery object

如果对象出现在其他对象中,我试图从对象中删除对象。真的很难exaplin!这是一个例子。我有2个包含DOM图像对象的对象,如果它们出现在第二个对象中,我希望从第一个对象中删除DOM图像对象。

第一个对象

{
    "241": [{
        "img": image_object_1
    },
    {
        "img": image_object_2
    },
    {
        "img": image_object_3
    },
    {
        "img": image_object_4
    }]
}

第二个对象

{
    "241": [{
        "img": image_object_1
    },
    {
        "img": image_object_3
    },
    {
        "img": image_object_4
    }]
}

对象1的预期结果

{
    "241": [{
        "img": image_object_2
    }]
}

我将所有内容都放在一个对象中,但如果需要,我很乐意更改格式

{
    "0": {

    },
    "1": {
        "241.14999389648438": [{
            "img": {
                image_object_1
            },
        },
        {
            "img": {
                image_object_2
            },
        },
        {
            "img": {
                image_object_3
            },
        },
        {
            "img": {
                image_object_4
            },
        }]
    },
    "2": {
        "241.14999389648438": [{
            "img": {
                image_object_2
            },
        },
        {
            "img": {
                image_object_3
            },
        },
        {
            "img": {
                image_object_4
            },
        }]
    }
}

我的工作代码在这里

jQuery.fn.reverse = [].reverse;

function same_height(){
    var imob = {};
    var groups = [];
    var heights = [];
    var tp = 0;
    var img = false;
    $("#ez-container .row").each(function(gi){
        imob = {};
        groups[gi] = {};
        heights[gi] = {};
        tp = 0;
        img = false;
        $(this).find(".ez-image img").each(function(){
            img = $(this);
            tp = img.offset().top;

            imob = {
                "img":img,
                "padding":img.outerHeight(true) - (parseInt(img.css('borderBottomWidth'))+parseInt(img.css('borderTopWidth'))) - img.innerHeight()
            };
            if(typeof(groups[gi][tp])=="undefined"){
                groups[gi][tp] = [];
                heights[gi][tp] = [];
            }
            groups[gi][tp].push(imob);
            heights[gi][tp].push(img.height());
        });
    });
    heights.reverse();
    var max_group_height = 0;
    $.each(groups.reverse(),function(gix,grp){
        $.each(grp,function(t,im){
            if(im.length>1){
                $.each(im,function(i,v){
                    max_group_height = Math.max.apply(Math, heights[gix][t]);
                    if(typeof(v.img.attr("data-fixed"))=="undefined"){
                        v.img.css({"height":max_group_height+(v.padding)+"px"}).attr("data-height",0).attr("data-width",0).attr("data-fixed",1);
                    }
                });
            }
        });
    });
    do_swap_images();
}

1 个答案:

答案 0 :(得分:0)

如果您检查dom图像节点,则需要isSameNode个功能。我不确定您的要求,希望下面的代码有帮助

//suppose a, b are your objects

var key = 241
var diff = a[key].filter( function( v ){
    var firstImgNode = v.img;
    return !b[key].some( function( v ){
        return v.img.isSameNode( firstImgNode  );
    });
});

或者如果您检查其他数据类型,则只需执行v.img == firstImgNode