在jquery

Question

我正在尝试更改div“ heroList”中的div类。我无法弄清楚如何使我的jquery在可切换的同时更改这些类，以及如何在字符之间切换。

如上所述，它们需要可切换并成为原始版本的更改版本。其他详细信息，“英雄”的选定div需要成为“ myHero”； “ heroNames”的文本需要变为“ heroNames2”。我尝试使用添加/删除类，但是它不能正确实现该想法。我也对代码进行了精简，因为这样可以更轻松地理解此问题的背景。

（我已经删除了图片，但方框仍然准确地代表了预期的想法）

https://jsfiddle.net/rhnfksbt/

这是主要的示例代码：

$(document).ready(function(){
var $ishtar = $('#ishtar').clone();   
$("#ishtar").click(function(){        
    $('.griditem2').html($ishtar).toggle();
    $('.titleHero').html("Ishtar").toggle();
 });
});

我知道我的大多数代码都不是很好的也不是最优的，但是我是一个新手。无论如何，在不更改类的情况下，它可以很好地复制想法，但它是要使用更改后的类。这与格斗游戏中的角色选择类似，当您选择角色时，会看到所选角色图像的放大版本。