javascript - 如何构造 if...else 语句以返回 true

Question

完整代码https://codepen.io/3noki/pen/xjyErQ

function checkForMatch() {
  if ( $(openedCardsList[0]).is(openedCardsList[1]) ) {
  $(openedCardsList[0]).removeClass('open show').addClass('match');
  $(openedCardsList[1]).toggleClass('open show');
  $(openedCardsList[1]).toggleClass('match');
  $(openedCardsList) = [];
  }

  else {unFlip()}
}

此代码目前仅返回 false 值，我想知道如何以纯 DOM 或纯 jquery 格式构造此代码以便能够返回 true 值。

openedCardsList[0]===openedCardsList[1]

也没有返回true

当数组 0 和 1 中的卡相同时，我希望该值返回 true。

Answer 1

如何检查/匹配 (FontAwesome) 图标 class 名称？

因此，在创建卡片(或生成其 HTML)时，您需要将 fa 添加到元素的“数据”(使用 jQuery.data())，例如这个:

function createCardHTML() {
  symbol = cards.children("i");
  symbol.each(function(index, item) {
    $(item).addClass(cardsList[index])
      // If the icon's class name is `fa-diamond`, `$(item).data('fa')` would be `diamond`.
      .data('fa', cardsList[index].substring(3)); // <- here's the data
  });
  return symbol;
}

然后，在 checkForMatch() 中:

var b = $('i.fa', openedCardsList[0]).data('fa');
var c = $('i.fa', openedCardsList[1]).data('fa');
var eq = ( b && c && b === c );

Demo