jquery - 类等于变量名

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()