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

尝试一下http://jsfiddle.net/4dEsJ/1/我确信有更好的方法可以创建元素，但如果结构和内容保持不变，那么这是有效的！

Answer 3

这个怎么样：

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

});