Javascript 如何使用.text或.html编写特殊字符？

我正在制作一个纸牌游戏，所以我制作了这个脚本，但我不知道为什么它不输出符号作为♥, 而仅仅是

&hearts作为字符串，有人知道为什么吗

$(document).ready(function() {

function makeCard(kind) {
    var
        card = $('<div>', { class: 'card' }),
        color = (kind == 'hearts' || kind == 'diams') ? 'red' : 'black',
        upper = $('<div>', { class: 'upper card-symbol ' + color, text: '\&' + kind + '\;' }),
        lower = $('<div>', { class: 'lower card-symbol ' + color, text: '\&' + kind + '\;' });

    card.append(upper).append(lower);
    card.appendTo('body');
}

makeCard('hearts');

});

$（文档）.ready（函数（）{
功能卡（种类）{
变量
卡片=$（''，{class:'card'}），
颜色=（种类='hearts'| |种类='diams'）？'red'：'black'，
上限=$（''，{class:'上限卡片符号'+颜色，文本：'\&'+kind+'\；'}），
lower=$（''，{class:'低卡符号'+颜色，文本：'\&'+kind+'\；'}）；
卡片。追加（上）。追加（下）；
卡片。附于（“正文”）；
}
制作卡片（“心形”）；
});
您想要的是html，而不是文本：


upper=$（“”{
“类别”：“上部卡片符号”+颜色，
html:'\&'+kind+'\；'
}),
下限=$（''{
“类别”：“下部卡片符号”+颜色，
html:'\&'+kind+'\；'
});
感谢您的编辑（尽管这不是我的代码）。请解释它的用途。从：名称
class
必须在对象中引用，因为它是JavaScript保留字，
className
不能使用，因为它引用的是DOM属性，而不是属性。很抱歉，我没有提到这一点
class
是JavaScript中的保留字。ECMAScript 5允许将
class
用作变量名或属性，但在不支持ES5的旧浏览器中，它会抛出错误。
    upper = $('<div>', {
        'class': 'upper card-symbol ' + color,
        html: '\&' + kind + '\;'
    }),
    lower = $('<div>', {
        'class': 'lower card-symbol ' + color,
        html: '\&' + kind + '\;'
    });