Javascript 目标类更改了第一部分，但仍然具有相同的最后部分

嘿，我正在制作这个游戏，如果我可以这样称呼它的话，我只需要一点帮助就可以使类动态化！所以我有一个变量activePlayer，最终，这个activePlayer会改变，有两个玩家公主和狗。所以atm让activePlayer=dog；但下一个玩家在狗做出动作后将切换到公主

所以我试着把这个$（

${activePlayer}{/code>）.html（$this.data（'image'））；。html（$this.data（'image'）），但它似乎不起作用。所以，职业是狗的武器和公主的武器

HTML: 
 <div class='player_1 mt-4'>
            <img src="./img/dog2.gif" style='width: 200px; height: 200px;'>
            <h2>Jake The Dog</h1>
            <h2>HP: <span id="dog_hp">100</span> </h2>
            <h3 class='dog_weapon'>Weapon:</h3>
            <h3>Attack: <span id="dog_attack">10</span></h3>

        </div>



 <div class='player_2 mt-4'>
        <img src="./img/princes2.gif" style='width: 200px; height: 200px;'>
            <h2>Lumpy Princess</h1>
            <h2>HP: <span id="princess_hp">100</span> </h2>
            <h3 class='princess_weapon'>Weapon:</h3>
            <h3>Attack: <span id="princess_attack">10</span></h3>


        </div>

        </div>



  if($this.hasClass('weapon')){
    console.log('Hey you are working');
    activePlayer.weapon = $this.data('name');
    activePlayer.damage = $this.data('power');
    $(`.${activePlayer}_weapon`).html($this.data('image'));



   };


}


HTML：
狗杰克
惠普：100
武器：
攻击：10
胖公主
惠普：100
武器：
攻击：10
if（$this.hasClass（'wear'））{
log（'Hey you working'）；
activePlayer.wearm=$this.data（'name'）；
activePlayer.damage=$this.data（'power'）；
$（`.${activePlayer}_-wearm`）html（$this.data（'image'）；
};
}

我希望它是$（
${activePlayer}}\u
）.html（$this.data（'image'））；当activePlayer更改为狗时更改玩家。${activePlayer}是狗，反之亦然
 你能展示一些html部分吗？@ZweiJames做到了
activePlayer
是一个对象。@Hikarunomemory是的，在这种情况下，activePlayer只是一只狗。我只需要在activePlayer更改时以某种方式切换它们！