¿Cómo puedo comprobar si dos elementos DOM envueltos en jQuery son iguales?

Question

Estoy escribiendo una implementación de lista ordenable en jQuery (b/c del infame problema scroll-in-div, ¿alguna solución nueva para esto?). Sin embargo, no sé cómo comparar los elementos (desencadenados en mousedown/mouseup) después de que hayan sido envueltos en jQuery. En prototipo, siempre fue ele.domNode.

Esto es lo que estoy tratando de lograr, en esencia ...

<div id="cheese"></div> 
<div id="burger"></div> 

<script> 

// Some dom nodes wrapped in jquery 
var ele1 = $('#cheese'); 
var ele2 = $('#burger'); 
var ele3 = $('#burger'); 

// Is the dom node wrapped in ele1 (#cheese) the same as in ele2 (#burger)? 
if (ele1 == ele2) 
{ 
    // Should never be true 
} 

// Is the dom node wrapped in ele2 (#burger) the same as in el32 (#burger)? 
if (ele2 == ele3) 
{ 
    // Should always be true 
} 

</script> 

Answer 1

Un objeto jQuery se puede tratar como una matriz de elementos DOM primas.

Puede comparar los elementos DOM primas como esto:

if(ele2[0] === ele3[0]) 

Answer 2

Compare los elementos DOM en el interior de esta manera:

if (ele1.get(0) == ele2.get(0)) 

Answer 3

Ésta es también una posible manera de resolver este problema. Puede comparar los atributos de id ya que deberían ser exactamente los mismos en su ejemplo anterior. respuesta

ele1.attr("id") == ele2.attr("id"); //returns false 
ele2.attr("id") == ele3.attr("id"); //returns true