生成带有内容的符号：CSS

Question

我正在使用this标记在二十一点游戏中生成一些扑克牌我是用JavaScript创建的。

每张卡的CSS都是使用jQuery生成的，除了内容之外都很好：标签之后。卡片正面的示例如此

<div class="card rank-7 spades">
  <span class="rank">7</span>
  <span class="suit">&spades;</span>
</div>

＆amp; spades在卡上生成黑桃符号（♠），所以我试图通过使用jQuery来传递它

 var name = $(this).attr('data-card-name'); // data-card-name = spades in this example
 $(this).children('.suit').text('&'+name+';');

但它确实将它视为字符串并且不生成符号，我如何通过它以便生成符号？

由于

Answer 1

使用html（）而不是text（）：

$(this).children('.suit').html('&'+name+';');

或者像这样使用：

$(this).children('.suit').text('&'+name+';').html();