使用jQuery删除div

时间:2018-12-20 10:20:45

标签: jquery html

我有一个简单的html页面,带有文件输入和一个用作按钮的fontawesome图标:

<div class="col" id="fileDivs">
   <div class="block">
      <input type="file" name="files" /><i class="fas fa-plus-circle text-success" id="addFileBtn"></i><br/>
   </div>
</div>

添加新按钮的jquery代码工作正常

$("#addFileBtn").click(function(){
         $('.block').after("<input type='file' name='files' /><i class='fas fa-minus-circle text-warning' id='removeFileBtn'></i>")

我的问题是删除按钮似乎什么都没做。 (甚至没有触发警报)

$('#removeFileBtn').click(function(){
    alert(this.id);
    $(this).parent('.block').remove();
});

非常感谢您的帮助

0 个答案:

没有答案