jquery动态添加删除div 新添加的为什么删不掉

tyasdxx

于 2017-07-13 18:43:39 发布

阅读量1.7k

点赞数

分类专栏： javascript

javascript 专栏收录该内容

29 篇文章

订阅专栏

本文介绍了一种使用jQuery实现动态添加和删除div元素的方法，并确保每次添加新元素时都能正确绑定点击事件以实现元素的移除。通过在DOM元素动态变化时重新绑定事件，避免了事件监听丢失的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原标题：用jquery方法的绑定侦听和销毁来解决动态div的增加删除

<script type="text/javascript" >
$(document).ready(function(){
 bindListener();
})

function addimg(){
 $("#mdiv").append('<div ><input type="file" name="img[]" /><a href="#" name="rmlink">X</a></div>');

 // 为新元素节点添加事件侦听器
  bindListener();
}

// 用来绑定事件(使用unbind避免重复绑定)
function bindListener(){
 $("a[name=rmlink]").unbind().click(function(){
  $(this).parent().remove();
    })
}
</script>

原文地址：http://www.cnblogs.com/yisouhou/p/3853602.html