想必大家都有遇到过,DOM动态添加的元素,你给它绑定的事件是不起作用的。目前有两种办法,为动态添加的元素绑定事件
- onclick属性
动态添加数据时,就为元素绑定onclick事件。 - jquery on 方法,适用于当前及未来的元素(比如由脚本创建的新元素)
$(selector).on(event,childSelector,data,function,map)
$("#appForm").on("click","ul li",function(){
$(this).parents('div.new-bind-html').remove();
});
⚠️ 动态添加的子元素一定要放在on()方法里面,并且on()方法里面的 childSelector 必须要是 selector 的子元素,否则动态添加的元素绑定的事件依旧无效