jquery - 生成内容为 : CSS 的符号

Question

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

每张卡片的 CSS 都是使用 jQuery 生成的，除了 content:after 标签之外都很好。卡片正面的示例如下所示

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

&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();