JS var属性

Question

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

我的javascript知识不太好。

我在这个问题上搜索了答案，但一无所获。

在JavaScript中是否有一种方法可以使用不同的语法插入used_class var，最好是更短的？与node.js中的#{used_class}一样

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

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

An Example.