У меня есть форма, где я динамически добавляю возможность загрузки файлов с помощью функции append, но я также хотел бы удалить неиспользуемые поля. Вот разметка html
<span class="inputname">Project Images:
<a href="#" class="add_project_file"><img src="images/add_small.gif" border="0"></a>
</span>
<span class="project_images">
<input name="upload_project_images[]" type="file" /><br/>
</span>
Прямо сейчас, если они нажимают на "добавить" gif, добавляется новая строка с этим jquery
$('a.add_project_file').click(function() {
$(".project_images").append('<input name="upload_project_images[]" type="file" class="new_project_image" /> <a href="#" class="remove_project_file" border="2"><img src="images/delete.gif"></a><br/>');
return false;
});
Чтобы удалить поле ввода, я попытался добавить класс "remove_project_file", затем добавьте эту функцию.
$('a.remove_project_file').click(function() {
$('.project_images').remove();
return false;
});
Я думаю, что должен быть гораздо более простой способ сделать это. Возможно, мне нужно использовать функцию $(this) для удаления. Другим возможным решением было бы расширить "добавить файл проекта" для добавления и удаления полей.
У любого из вас мастера JQuery есть идеи, которые были бы великолепны