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