Jqueryで変数をクラス名として表示

Question

Jqueryを使用してdivを徐々に表示しようとしていますが、変数をクラスとして表示するための正しい構文を取得することに問題があります。ここに私のコードです：

var mydiv_id = 'wacek_'+$a; /wacek_1, wacek_2, etc 

$("<div class="+mydiv_id"></div>").appendTo('body'); 
$(".col-sm-4").append($('.'+mydiv_id)); 
$('.'+mydiv_id).hide(); 

私はこの権利を得ることはできません、どんな助けも大歓迎です。

Answer 1

$("<div class='"+mydiv_id+"'></div>").appendTo('body'); 

代わりの

$("<div class="+mydiv_id"></div>").appendTo('body'); 

を使用してくださいより理解するために、スニペットの下に確認してください。

var $a = '1'; 
 
var mydiv_id = 'wacek_'+$a; //wacek_1, wacek_2, etc 
 

 
$("<div class='"+mydiv_id+"'></div>").appendTo('body'); 
 
$(".col-sm-4").append($('.'+mydiv_id)); 
 
$('.'+mydiv_id).hide();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

変数を文字列で連結していて、変数の後に+がありません。変数の後に文字列が再び来る場合は、両側にそれが必要です。また、"（または'）で作成された文字列を囲むことを忘れないでください：これはそう - 以下の両方のステートメントで

$("<div class='" + mydiv_id + "'></div>") 

を、変数は最後の式である - ので、あなたは追加の+を必要としません正しい：

$('.' + mydiv_id); 

Answer 3

var mydiv_id = 'wacek_'+$a; /wacek_1, wacek_2, etc 

$("<div class="+mydiv_id+"></div>").appendTo('body'); 
$(".col-sm-4").append($('.'+mydiv_id)); 
$('.'+mydiv_id).hide(); 

はこれを試してみてください。あなたのコードで1つが欠落していました。

Answer 4

// This is not a proper comment. Use `//` for comments. 
var mydiv_id = 'wacek_'+$a; //wacek_1, wacek_2, etc 

// Missing your quotes around your class attribute. 
// missing concatenation. Also, instead of appending it to the body 
// and then appending it to the your .col-sm-4, just 
// append it to the column in the first place: Change 2nd line to: 
$("<div class='"+mydiv_id+"'></div>").appendTo('.col-sm-4'); 

// Remove third line.. 
$('.'+mydiv_id).hide(); 

Answer 5

使用この concatinateすべての文字列を1つの不戦勝1

$("<div class="+mydiv_id+">"+"</div>") 

それとも

$("<div class="+mydiv_id+"></div>") 

Answer 6

チェックthis fiddle

あなたは小さな構文エラーがあった：

$("<div class="+mydiv_id"></div>").appendTo('body'); 

は

$("<div class='"+mydiv_id+"'></div>").appendTo('body'); 

する必要があり、あなたがに最初にしてボディにあなたのHTMLを追加している理由を私は理解していませんDIV。 jQuery関数をチェーン化することも簡単です。代わりに、この手段：あなたはこれを使用することができます

$("<div class='"+mydiv_id+"'></div>").appendTo('body'); 
$(".col-sm-4").append($('.'+mydiv_id)); 
$('.'+mydiv_id).hide(); 

：同じ結果と

$("<div class='"+my_id+"'>s</div>").appendTo('.col-sm-4').hide(); 

を。

Answer 7

他の回答が示すように、クラスを追加する際に構文エラーがあります。コードは別のやり方で行うことができるので、文字列の作成について心配する必要はありません。 jQuery docs。また、要素をドキュメントに追加し、要素を選択して、再度適用する理由はありません。要素を作成するときに要素への参照があるので、その参照のみを使用してください。

var myDiv = $("<div></div>", { 
     "class" : mydiv_id 
    }); 
myDiv.hide() 
myDiv.appendTo(".col-sm-4"); 

または1行に：

var myDiv = $("<div></div>", { 
     "class" : mydiv_id 
    }).hide() 
    .appendTo(".col-sm-4");