Add Div Dynamically using JQuery

Question

I\'m not sure if this would be the best option.. But I want the option that when the user clicks a button, it will add another div or li.

I am going to allow users to u

Answer 1

If this is to allow for multiple file uploads, have you considered using something like http://www.uploadify.com/ the jQuery plugin? It allows multiple file uploads from one dialog window and you wouldn't need to worry about this.

Answer 2

Your example updated on jsFiddle

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

You can create elements using $("<tag />") and set attributes, add classes and so on. Then append where you want.

Answer 3

Try this:

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

Answer 4

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

You can create elements using $("<tag />") and set attributes, add classes and so on. Then append where you want.

Answer 5

You can add a new element to an existing parent like so:

select the element to added the new <div>/<li> to and use .append()

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

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

Alternatively, you can use the .html()

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