生成具有内容的符号: CSS

Question

我使用这标记在一个使用JavaScript创建的21点游戏中生成一些扑克牌。

每个卡的CSS都是使用jQuery生成的，除了内容:after标记之外，所有这些都很好。卡片前面的示例如下所示

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

黑桃在卡片上生成黑桃符号(♠)，所以我试图像这样使用♠来传递它

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