Come posso verificare se due elementi DOM jQuery avvolti sono uguali?

Question

Sto scrivendo un'implementazione lista ordinabile in jQuery (b/c del famigerato problema scroll-in-div, nuove soluzioni per questo?). Tuttavia, non so come confrontare gli elementi (attivati ​​su mouse/mouseup) dopo che sono stati spostati in jQuery. In prototipo, era sempre ele.domNode.

Questo è quello che sto cercando di realizzare in sostanza ...

<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 oggetto jQuery possono essere trattati come un array di elementi DOM prime.

è possibile confrontare gli elementi DOM prime come questo:

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

Answer 2

Confrontare gli elementi DOM all'interno del genere:

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

Answer 3

Questo è anche un modo possibile per risolvere questo problema. Puoi confrontare gli attributi id in quanto dovrebbero essere esattamente gli stessi nell'esempio sopra. risposta

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