jquery 动态生成表 绑定click事件,获取同行数据
来源:互联网 发布:sql update 条件 编辑:程序博客网 时间:2024/06/05 13:32
这个问题纠结了好久,动态生成的表格,直接按照普通方式,onclick=“afun();” 无法在function内获取到正确的this,就无法获取表格其他项数据。绑定也无法成功,直接没反应。
后来debug了一下,感觉jquery绑定事件实在加载前进行的,此时还没有动态生成表格,因此就失败了吧。
解决方法如下:
1 JQuery动态生成表时,做好ID标记,class当然也可以
如'<td><button id="editproduct" class="btn btn-primary" ><i class="glyphicon glyphicon-user"></i></button></td>'
2 绑定click事件,注意监听table而不是直接监听这个ID,table是在html里静态存在,jquery仅动态生成tbody标记内容 tr td
$("table").on('click',"button[id='editproduct']" ,function() { }
3 可以在function内正确获取this ,正确获取表内其他项数据。
var userName = $(this).parents("tr").find("#productid").text();
查了好久才解决,前端小白一个,呵呵。。。。。。。。。
最近事情多,越来越难抽时间做这个小项目了。。。继续坚持吧。
阅读全文
0 0
- jquery 动态生成表 绑定click事件,获取同行数据
- jquery 绑定动态元素的click事件
- jquery 绑定click事件
- jquery click事件绑定
- JQuery绑定click事件
- 动态生成的html绑定click事件没有效果不执行 click事件重复绑定问题
- 动态生成的html元素绑定click事件
- jquery插件动态生元素,绑定angularjs on-click事件
- jquery为动态生成的元素生成click事件
- Jquery多次绑定click事件
- IE 动态绑定click事件
- jquery 动态生成html后click事件不触发原因
- jquery动态生成的元素自动执行一次click事件
- highcharts click事件获取数据传给datagrid ,动态加载数据
- jquery动态生成的元素绑定事件
- jquery 为动态生成元素绑定事件
- jquery动态生成元素绑定事件
- asp.net绑定checkboxlist--------jquery绑定click事件,获取checkbox的value和显示值
- 算法训练 Beaver's Calculator
- C primer plus(编程练习)file-4.8-8
- 功能超强的PDF阅读器下载
- HTML学习笔记--3
- 计算余弦距离
- jquery 动态生成表 绑定click事件,获取同行数据
- Java数据类型和运算符
- HTML Element nodeType 定义
- jdk8,Stream流水线源码解析
- Mycat 源码修改-实现分表规则:按天分表和取摸分表查询
- String常用的方法
- vue.js学习笔记(四)--变化检测问题
- 监听器
- 关于Java,你应该掌握的