<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