jquery 2 divs children comparison
I have 2 elements ( div ) :

  
  **I**                                    

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

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

both divs have `different number of child` and those child further have `different number of there subchilds`. **My question** is , i want to compare these 2 div and access all the unsimilar elements present in div#2 in comparison with div#1. How can i do this with using jquery methods and as efficient as possible?
jquery 2 divs children comparison
===

I have 2 elements ( div ) :

  
  **I**                                    

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

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

both divs have `different number of child` and those child further have `different number of there subchilds`. **My question** is , i want to compare these 2 div and access all the unsimilar elements present in div#2 in comparison with div#1. How can i do this with using jquery methods and as efficient as possible?