如何构建如果..否则语句返回 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()}
}

这段代码目前只返回假值，我想知道如何以纯 DOM 或纯 jquery 格式构建它以便能够返回真值。

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 );

演示