javascript - 属性中的 JS var

Question

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

我的javascript知识不太好。

我已经搜索过这个问题的答案，但一无所获。

JavaScript中有没有办法插入used_class具有不同语法的var，最好是更短的？就像#{used_class}在 node.js 中一样。

Answer 1

并不真地。你可以这样做（使用 jQuery）：

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

或者

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

• $element 可以引用 DOMElement 或 jQuery 对象。

Answer 2

使用 jquery 获得它的几种方法....

试试这个

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

或者

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

或者

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

Answer 3

format没有类似于 python或 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"

Answer 4

没有“更短”的语法可以达到预期的效果，但有一些更好的选择。例如，您可以使用该addClass()功能，或者prop()：

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

Answer 5

你的代码看起来不错，但你也可以试试这个

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

一个例子。