Question

我有两个要素(div) :

<强 >

<div id="1">
 <div >
  <img /> <img />
  <span> </span>
   . 
   .
 <div>
 <div>
  <p></p>
  .
  .
 </div> 
 .
 .
</div>

<强 > > < >

<div id="2">
 <div >
  <img />
  <span></span>
  <h1></h1>
  . 
  .
 <div>
 . 
 .
</div>

两个 divs 都有 different number of childs 和这些孩子有 devilds 和 devilds 。 < number > my question 是,我想比较这2 div# 2 中的所有不同元素,与 div# 1 比较。我如何使用拼图和尽可能高效的方法来做到这一点?

Answer 1

这对你们是一个良好的开端:

function compare(o1, o2){
 var arr = [];
 $(o1).each(function(i1){        
     var match = false;
     $(o2).each(function(i2){            
         if ( $("o1:eq("+i1+")").html() == $("o2:eq("+i2+")").html() )
             match = true;
     });
     if ( !match )
         arr.push($("o1:eq("+i1+")")[0]);        
 });
 return arr;
}

you go over each element and look for a match. push all the elements that have no match in array and return the array.
note that it compare the first children of each given object.
to call it:

var diffs = compare(div1,div2);

友情链接