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 है कि आप इसे में सम्मिलित कर सकते की जरूरत है:

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

कैसे:

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

तो फिर तुम jQuery की विधि संलग्न() का उपयोग कर सकते इसके बारे में:

$('#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/ मुझे यकीन है कि तत्व बनाने के बेहतर तरीके हैं, लेकिन यदि संरचना और सामग्री समान रहती है, तो यह काम करता है!