Блог

Я не уверен, что это было бы лучшим вариантом.. Но я хочу, чтобы при нажатии пользователем кнопки добавлялся другой div или li.

Я собираюсь разрешить пользователям загружать документы, но несколько. Я бы хотел, чтобы пользователь мог нажать кнопку, и новое <div> или <li> генерируется с помощью предопределенного кода. Возможно ли это?

Вот пример..

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

Попробуйте это:

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

Ваш пример обновлен в jsFiddle

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

Вы можете создавать элементы с помощью $("<tag />") и задавать атрибуты, добавлять классы и так далее. Затем добавьте туда, куда вы хотите.

Вы можете добавить новый элемент к существующему родительскому элементу следующим образом:

выберите элемент, к которому нужно добавить новый <div>/<li> , и используйте .append()

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

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

В качестве альтернативы, вы можете использовать .html()

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

Если это позволяет загружать несколько файлов, рассматривали ли вы возможность использования чего-то вродеhttp://www.uploadify.com / плагин jQuery? Это позволяет загружать несколько файлов из одного диалогового окна, и вам не нужно беспокоиться об этом.

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

Вы можете создавать элементы с помощью $("<tag />") и задавать атрибуты, добавлять классы и так далее. Затем добавьте туда, куда вы хотите.