Làm cách nào để kiểm tra xem hai phần tử DOM được bao bọc bởi jQuery có giống nhau hay không?

Question

Tôi đang viết một danh sách sắp xếp có thể sắp xếp trong jQuery (b/c của vấn đề cuộn-in-div khét tiếng, bất kỳ giải pháp mới nào cho điều này?). Tuy nhiên, tôi không biết cách so sánh các phần tử (được kích hoạt trên mousedown/mouseup) sau khi chúng được bọc trong jQuery. Trong nguyên mẫu, nó luôn luôn là ele.domNode.

Đây là những gì tôi đang cố gắng để thực hiện trong bản chất ...

<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

Một đối tượng jQuery có thể được coi là một mảng của các yếu tố DOM thô.

Bạn có thể so sánh các yếu tố DOM liệu như thế này:

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

Answer 2

Hãy so sánh các yếu tố DOM bên trong như thế này:

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

Answer 3

Đây cũng là một cách tốt để giải quyết vấn đề này. Bạn có thể so sánh các thuộc tính id vì chúng phải giống hệt nhau trong ví dụ của bạn ở trên. câu trả lời

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