从基于重复的对象中删除jQuery对象

我试图从对象中删除obects，如果它们出现在其他对象中。真的很难exaplin！这是一个例子。我有2个包含DOM图像对象的对象，如果它们出现在第二个对象中，我想从第一个对象中删除DOM图像对象。从基于重复的对象中删除jQuery对象

的第一个对象

{ 
    "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(); 
}

来源

2014-06-19 Andy Gee

检查：http://stackoverflow.com/questions/1187518/ javascript-array-difference –

我可以轻松地使用数组来完成它，但对象不一样。 –

看着你的对象的结构，它看起来可以简化很多。例如，为什么用一个键保存一个对象数组（而值是图像）？您可以直接拥有一组图像节点。另外，这个'{'0'：{...}，'1'：{...}}'看起来非常像设置递增索引，并且可以使用数组。这将使得迭代值更容易。 – christian314159

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

来源

2014-06-19 10:11:56 rab

从基于重复的对象中删除jQuery对象

回答

相关问题