Agregar Div Dinámicamente usando JQuery

Question

No estoy seguro de si esta sería la mejor opción ... Pero quiero la opción de que cuando el usuario haga clic en un botón, agregue otro div o li.

Voy a permitir que los usuarios carguen documentos, pero varios. Me gustaría que el usuario pueda hacer clic en un botón y se generará un nuevo <div> o <li> con un código predefinido. es posible?

Aquí es un violín ..

http://jsfiddle.net/AHvwP/1/

Answer 1

Your example updated on jsFiddle

$("input[type=submit]").click(function(){ 
    $("<li />").html("item").appendTo("ul"); 
}) 

Puede crear elementos usando $("<tag />") y establecer atributos, agregar clases y así sucesivamente. A continuación, agregue donde desee.

Answer 2

Prueba esto:

$('.button').click(function() { 
    $('#myContainer').append('<div>the new guy</div>'); 
}); 

Answer 3

se puede añadir un nuevo elemento a una matriz existente, así:

seleccione el elemento que añade el nuevo <div>/<li> y utilizar .append()

$("#id").append("<div>foo</div>");

http://api.jquery.com/append/

Alternativamente, se puede utilizar el html()

http://api.jquery.com/html/

Answer 4

Si esto es para permitir la carga de archivos múltiples, ¿ha considerado el uso de algo así como http://www.uploadify.com/ el plugin jQuery? Permite la carga de múltiples archivos desde una ventana de diálogo y no tendrá que preocuparse por esto.

Answer 5

$ ("input [type = enviar]") haga clic en (function() { $ ("") html (. "Elemento") appendTo (. "UL"); }).

Puede crear elementos usando $ ("") y establecer atributos, agregar clases, etc. A continuación, agregue donde desee.