class等于变量名

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');

注意：旧版本的jQuery不支持prop()。如果您的版本不支持，请使用attr()