jQuery를 - DOM 요소는 동일한

Question

가능한 중복으로 확인되지 않은 :
How would you compare jQuery objects?

내가 항목의 목록에서 적극적으로 클릭 한 항목을 저장하기 위해 jQuery를 사용하고 있습니다. 새로 클릭 한 항목이 이전에 클릭 한 항목과 동일한 지 여부를 감지하여 지원 div의 표시 여부를 토글합니다. 내 코드는 다음과 같습니다.

var curPin; 

$('.pin').click(function(){ 
    var $pin = $(this); 
    if (curPin == $pin){ 
    console.log('true'); 
    } else { 
    curPin = $pin; 
    console.log('false'); 
    } 
} 

왜 이것이 평등하지 않습니까? 이 작업을 수행하는 더 좋은 방법이 있습니까?

Answer 1

사용 if ($(this).is(curPin)) 확인 할 수 있습니다.

Answer 2

요소를 비교하지는 않지만 jQuery 객체와 jQuery 객체는 완전히 동일한 요소가 포함되어 있어도 항상 다른 것으로 간주됩니다.

DOM 요소 자체를 비교하면 실제로 문제가 해결됩니다. Esailija에 의해 제안으로, 당신은 확인하기 위해 is() 방법을 사용할 수 있습니다 curPin에 저장 jQuery 오브젝트가 현재 요소가 포함되어 있습니다 : 당신의 요소는 ID를 가지고

var curPin; 

$(".pin").click(function() { 
    var $pin = $(this); 
    if (curPin.is(this)) { 
     console.log("true"); 
    } else { 
     curPin = $pin; 
     console.log("false"); 
    } 
} 

Answer 3

경우, 당신이 그렇게 좋아에 대해 비교하는 것을 사용할 수 있습니다 -

을

var curPin; 

$('.pin').click(function(){ 
    var $pin = $(this).attr('id'); 
    if (curPin == $pin) 
    {  
    console.log('true'); 
    } 
    else 
    {  
    curPin = $pin;  
    console.log('false'); 
    } 
} 

Answer 4

는 그냥 DOM 요소를 비교 : 요소가 같은 경우

if(curPin.get(0) == $pin.get(0)) { 
    // do something 
}