類等於變量名

Question

我有以下代碼：

var theclass="class1"; 

$("#div0").append('<div class=theclass id="div1"></div>'); 

我希望類DIV1的是等於變量，但不工作。 問題是class = theclass，我不知道爲什麼這不起作用。 請幫忙，謝謝。

Answer 1

$("#div0").append('<div class="'+ theclass +'" id="div1"></div>'); 

這是最簡單的方法。一種替代方案：

var $div = $('<div/>').prop({ 'class': theclass, 'id': 'div1' }); 
$('#div0').append($div); 

甚至一個班輪：

$('<div/>').prop({ 'class': theclass, 'id': 'div1' }).appendTo('#div0'); 

注：prop()不是在舊版本的jQuery的支持。如果您的版本不支持，請使用attr()