jquery 如何获取动态添加的元素
2016-09-25 19:58
281 查看
<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等之类的来判断
相关文章推荐
- jQuery如何获取动态添加的元素
- jQuery如何获取动态添加的元素
- jQuery如何获取动态添加的元素
- jQuery如何获取动态添加的元素
- jQuery如何获取动态添加的元素
- 怎么使用jquery判断一个元素是否含有一个指定的类(class)另外如何给元素动态添加类
- jquery 如何为动态添加的元素绑定事件处理函数
- 如何来使用jquery动态的往页面添加元素
- jquery创建的动态元素如何为元素添加相应事件
- jQuery -- 如何为动态添加的元素绑定事件处理函数
- 关于Jquery append 动态添加元素后,获取不到元素对象情况
- jquery 获取动态添加后子节点的元素个数
- jquery 简短几句代码实现给元素动态添加及获取提示信息
- jQuery -- 如何为动态添加的元素绑定事件处理函数
- jQuery -- 如何为动态添加的元素绑定事件处理函数
- jQuery1.9为动态添加元素绑定事件以及获取和操作checkbox的选择属性11
- jquery 简短几句代码实现给元素动态添加及获取提示信息
- js+jquery动态设置/添加/删除/获取元素属性的两种方法集锦对照(动态onclick属性设置+动态title设置)
- jQuery获取动态添加的元素,live和on的区别
- jquery get 获取元素与动态添加元素