jqueryのボタンをクリックするとdivを追加する方法は？

Question

毎回ボタンをクリックすると、次のdiv構造を追加する必要がありますか？ jqueryを使用してボタンをクリックするたびに、以下のdiv構造体全体を生成する必要があります。

<div class="module_holder"> 
<div class="module_item"> 
<img src="images/i-5.png" alt="Sweep Stakes"><br>sendSMS 
</div> 
</div> 

助けてください。

$("#somebutton").click(function() { 
    $("#container").append('<div class="module_holder"><div class="module_item"><img src="images/i-5.png" alt="Sweep Stakes"><br>sendSMS</div></div>'); 
}); 

Answer 1

は、あなたがにそれを挿入することができ、コンテナのdivを必要としますこれについて：

$('#button_id').click(function() { 

    var structure = $('<div class="module_holder"><div class="module_item"><img src="images/i-5.png" alt="Sweep Stakes" /><br />sendSMS</div></div>'); 
    $('#whatever').append(structure); 

}); 

Answer 2

方法：次に、あなたはjqueryののAPPEND（）メソッドを使用することができます

<div id="container"></div> 

：

おかげ ラヴィは

Answer 3

これを試してくださいhttp://jsfiddle.net/4dEsJ/1/要素を作成するにはより良い方法があると確信していますが、構造と内容が同じであれば、これは機能します！