Клонирование элемента с дочерним файлом ввода и его очистка

Question

Ссылаясь на этот вопрос Мне нужно решение для него:

HTML:

<input type="file" />
<span id="add-more-files">Add more</span>

jQuery:

$('#add-more-files').click(function()
{
   var cloned = $(this).prev().clone();
   $(cloned).insertBefore($(this));
});

Answer 1

Примечание: Вы действительно должны задать новый вопрос, а не просто скопировать старый и заставить людей прыгать, чтобы выяснить, что вы хотите.

Принимая HTML:

<div class="wrap"><input type="file" /></div>
<span id="add-more-files">Add more</span>

Вы можете сделать:

$('#add-more-files').click(function(){
    $("<div>", {class:"wrap"}) //Create a div
        .append($("<input>", {type:'file'})) //Add an input element
        .insertBefore(this); //Insert it into the DOM
});

Это создает новую структуру тега div и input, а затем вставляет ее в DOM до кликабельного диапазона. См. здесь для рабочего примера.

Примечание: он не вставляет новый вход в тот же div. Если вы этого хотели, посмотрите ответ @ jAX.

Answer 2

$('#add-more-files').click(function()
{
   $('<input type="file" />').insertBefore($(this));
});