从基于复制的对象中移除jquery对象

Removing jquery objects from an object based on duplication

本文关键字:对象 jquery 于复制 复制      更新时间:2023-09-26

我试图从对象中删除对象,如果它们出现在其他对象中。真的很难解释!这里有一个例子。我有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();
}

如果检查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