javascript - 属性内の JS 変数

Question

element.append('<div class="' + used_class + '"/>');

私のjavascriptの知識はあまり良くありません。

この質問の答えを探しましたが、何も見つかりませんでした。

JavaScript に、used_class別の構文、できれば短い構文で var を挿入する方法はありますか? #{used_class}node.js のように。

score 3 · Accepted Answer

あまり。ただし、これを行うことができます（jQueryを使用）：

$('<div/>').appendTo($element).addClass(used_class);

また

$('<div/>').appendTo($element)[0].className = used_class;

score 1 · Accepted Answer

formatPythonや phpの構文に似た組み込み関数はありませんが"$var"、独自の関数を簡単に作成できます。次に例を示します。

function format(str, args) {
    return str.replace(/{(\w+)}/g, function($0, $1) {
        return args[$1] || ''
    })
}

使用法：

message = format("{foo} {bar}", {
    foo: 'hello',
    bar: 'world',
}) // "hello world"

score 1 · Accepted Answer

jqueryを使用してそれを取得するいくつかの方法....

これを試して

 element.append($('<div>').attr('class',used_class)); //using attr()

また

element.append($('<div>').addClass(used_class); //using addClass

また

element.append($('<div>',{ 'class' : used_class });

score 0 · Accepted Answer

望ましい結果を達成するための「より短い」構文はありませんが、より良いオプションがいくつかあります。たとえば、次のaddClass()関数を使用できprop()ます。

$('<div />').addClass(used_class);
$('<div />').prop('class', used_class);

score 0 · Accepted Answer

コードは問題ないように見えますが、これを試すこともできます

var div = $('<div/>', {
    'class' : used_class,
    'id' : 'someId'
});
$('#anElement').append(div);

5 に答える 5