javascript - jQuery - DOM 要素が等しいと識別されない

Question

重複の可能性:
jQuery オブジェクトをどのように比較しますか?

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

DOM要素を比較するだけです。

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

Answer 3

You're not comparing elements, but jQuery objects, and jQuery objects are always considered as different, even if they contain the exact same elements.

Comparing the DOM elements themselves indeed solves your problem. As suggested by Esailija, you can use the is() method to check is the jQuery object stored in curPin contains the current element:

var curPin;

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

Answer 4

要素にIDがある場合、それを使用して次のように比較できます-

var curPin;  

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