I need to add the following div structure when i click button at every time? I need to generate the following whole div structure at every time of clicking the button using jquery.
<div class="module_holder">
<div class="module_item">
<img src="images/i-5.png" alt="Sweep Stakes"><br>sendSMS
</div>
</div>
help me.
Thanks Ravi
You need a container div that you can insert it into:
<div id="container"></div>
Then you can use the append() method of 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>');
});
Try this out http://jsfiddle.net/4dEsJ/1/ I'm sure there are better ways of creating the element, but if the structure and content remains the same, this works!
How about this:
$('#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);
});
