Javascript 更改一个div'；s类使用另一个div'；s单击处理程序

我所在的班级正在编写一个在线UNO游戏（这不是一个分级作业，只是一个班级项目）。我目前正在尝试开发的功能，发挥一张牌。基本上，玩家需要能够点击手中的一张牌，并将其显示在弃牌堆中。我考虑过制作动画，但是我们还有一周的时间，还有很多事情要做，所以我的想法是让玩家双击卡片，它就会出现在弃牌堆中

所有玩家手中的每张牌都是通过后端信息用javascript创建的单独div。但是，我还没有将代码连接到后端，因为我现在需要能够测试我的函数和脚本。因此，我目前已硬编码卡

弃牌堆上有一张牌。我已经决定，我们实际上不需要把每一张牌都放在弃牌堆上。相反，它应该足以改变弃牌堆上的牌的颜色和等级，以反映弃牌情况，并从玩家手上消除该div。如果你认为我错了，请告诉我

这就是我的问题所在。我这里有一个脚本，用来擦除弃牌堆卡的颜色，并用玩家手上点击的div卡的颜色替换它。以下是代码（完整代码稍后在帖子中发布）：

/*
双击玩家手中的牌确实会擦除弃牌堆牌的颜色，但不会将手牌的颜色添加到弃牌堆牌中。我尝试过代码的不同变体，但似乎都不起作用。有人能帮我吗？还是我想的不对？
*/
$（文档）.ready（函数（）{
功能播放卡Thisplayer（游戏）{
currCardColor=$（此）.color；
$（“.card”）.dblclick（函数（）{
$（.discardPile”）.removeClass（game.discardPile.color）；
$（.discardPile”）.addClass.$（currCardColor）；
});
}
playCardThisPlayer（游戏回合）；
var gameTurn={
人数：40，
丢弃堆：{
颜色：“黄色”，
排名：“2”
},
玩家：[{
姓名：“大卫”//players[0]。姓名
手：[{
颜色：“黄色”，
排名：“3”
},
{
颜色：“蓝色”，
排名：“3”
},
{
颜色：“红色”，
排名：“4”
},
{
颜色：“黑色”，
排名：“w”
},
{
颜色：“蓝色”，
排名：“7”
},
{
颜色：“蓝色”，
排名：“8”
},
{
颜色：“绿色”，
排名：“S”
}
]
},
{
姓名：“丹”，//玩家[1]。姓名
手牌：4//玩家[1]。手牌
},
{
姓名：“约翰”//players[2]。姓名
手牌：5//玩家[2]。手牌
},
{
姓名：“肯特”//players[3]。姓名
手牌：10//玩家[3]。手牌
},
{
姓名：“艾米”，
人手：15
}
]
};
函数makePlayerList（游戏）{
对于（i=0；i”）；
}
}
玩家列表（游戏回合）；
功能创建卡（游戏）{
var currPlayer=game.players[0]；
var-hand=$（“”）；
对于（变量i=0；i