匹配卡与jQuery一起锻炼

Question

我正在jquery玩一个匹配的卡片练习。当卡类匹配时，我希望边框变红。但是，我的代码块没有运行。有什么建议吗？

if ($(".selected").length == 2) {
      numberOfMoves++
      var card1 = $(".selected:eq(0)").attr("class");
      var card2 = $(".selected:eq(1)").attr("class");

      if(card1 == card2) {
       $(".selected").addClass("matched").removeClass("selected");
        }
      }

http://codepen.io/ElaineM/pen/uhdzC

谢谢！

Answer 1

将您的CSS更改为：

.queen.matched {
  background: purple;
  border: 20px solid red;
}