Cách thêm div khi nhấp vào nút trong jquery?

Question

Tôi cần phải thêm cấu trúc div sau đây khi tôi nhấp vào nút mỗi lần? Tôi cần tạo toàn bộ cấu trúc div sau mỗi lần nhấp vào nút bằng cách sử dụng jquery.

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

giúp tôi.

Cảm ơn Ravi

Answer 1

Bạn cần một div container mà bạn có thể chèn nó vào:

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

Sau đó, bạn có thể sử dụng phương thức append() của jquery:

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

thế nào về điều này:

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

Hãy thử điều này ra http://jsfiddle.net/4dEsJ/1/ Tôi chắc chắn có những cách tốt hơn để tạo phần tử, nhưng nếu cấu trúc và nội dung vẫn giữ nguyên, công trình này sẽ hoạt động!