JS變種

Question

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

我的JavaScript知識不是太好。

我在這個問題上搜索了答案，但什麼也沒找到。

是否有一個JavaScript的方式，插入used_class變種不同的語法，最好是短的？與node.js.中的#{used_class}一樣。

Answer 1

不是。你可以（用jQuery），雖然這樣做：

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

或

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

• $元素可以指一個或一個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

有沒有BU ILT-在類似的功能到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.