jquery 如何获取动态添加的元素

最新推荐文章于 2024-07-03 02:58:10 发布

weixin_34354173

最新推荐文章于 2024-07-03 02:58:10 发布

阅读量170

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/kyeeliu/blog/751425

版权

2019独角兽企业重金招聘Python工程师标准>>>

<td><buttonclass="del">删除</button></td> 

jQuery(function($){ 
//第四个表格的删除按钮事件绑定 
$("#table4").click(function(e) { 
if (e.target.className=="del"){ 
$(e.target).parents("tr").remove(); 
}; 
}); 
//第四个表格的添加按钮事件绑定 
$("#add4").click(function(){ 
$("#table4>tbody").append('<tr><td>新增行</td><td><button class="del">删除</button></td></tr>') 
}); 
});

利用获取整体表格的单击事件，再来找到点击的按钮的Class来找到动态添加的行。

利用事件冒泡的原理，我们给这个按钮的祖先元素绑定事件处理函数。
然后通过event.target这个对象来判断，这个事件是不是我们要找的对象触发的。
通常可以利用一些DOM属性，比如event.target.className、event.target.tagName等之类的来判断

转载于:https://my.oschina.net/kyeeliu/blog/751425