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

<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来找到动态添加的行。javascript

利用事件冒泡的原理,咱们给这个按钮的祖先元素绑定事件处理函数。 
而后经过event.target这个对象来判断,这个事件是否是咱们要找的对象触发的。 
一般能够利用一些DOM属性,好比event.target.className、event.target.tagName等之类的来判断java

相关文章
相关标签/搜索