如何在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> 

帮帮我。

感谢 拉维

Answer 1

你需要一个div容器，你可以将其插入：

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

然后你可以使用jQuery的append（）方法：

$("#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 2

如何关于此：

$('#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 3

试试这个http://jsfiddle.net/4dEsJ/1/我确定有更好的创建元素的方法，但是如果结构和内容保持不变，这就行得通！