javascript - .text または .html を使用して特殊文字を書き込むにはどうすればよいですか?

Question

私はカードゲームを作っているので、このスクリプトを作成しましたが、記号が♥として出力されず♥、文字列としてのみ出力される理由がわかりません。

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

});

Answer 1

テキストではなくhtmlが必要です。

http://jsfiddle.net/cxNqK/2/

    upper = $('<div>', {
        'class': 'upper card-symbol ' + color,
        html: '\&' + kind + '\;'
    }),
    lower = $('<div>', {
        'class': 'lower card-symbol ' + color,
        html: '\&' + kind + '\;'
    });