¿Cómo agregar un div al hacer clic en un botón en jquery?

Question

Necesito agregar la siguiente estructura div cuando hago clic en el botón en todo momento? Necesito generar la siguiente estructura div completa en todo momento haciendo clic en el botón usando jquery.

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

ayúdame.

Gracias Ravi

Answer 1

Necesitas un div contenedor que se puede insertar en:

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

continuación, puede utilizar el método append() de 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

Cómo sobre esto:

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

Pruébelo http://jsfiddle.net/4dEsJ/1/ Estoy seguro de que hay mejores formas de crear el elemento, pero si la estructura y el contenido siguen siendo los mismos, ¡esto funciona!