动态添加表格点击事件

div部分

<table class="layui-table"><thead><tr><th>模块</th><th>操作</th></tr></thead><tbody id="tbody"></tbody>
</table>

js 部分

 $.ajax({url: 'queryModuleByPid?pid=' + pid,dataType: 'JSON',success: function (datas) {$("tbody").html("");for (var i = 0; i < datas.length; i++) {var tr = document.createElement("tr");var div = document.getElementById('tbody')div.appendChild(tr);for (var k in datas[i]) {if (k === 'moduleName') {var td = document.createElement("td");tr.appendChild(td);td.innerHTML = datas[i][k];}}var td = document.createElement("td");tr.appendChild(td);td.innerHTML = `<a class=" operationOne"  οnclick='handle(event, ${JSON.stringify(datas[i])})'>分层</a>`;}}});

点击事件，拿到每一项的ID

function handle(e, data) {var url = 'layer?id=' + data.id;$.ajax({url: url,dataType: 'JSON',success: function (res) {myCharts(res);}})}

动态添加表格点击事件相关推荐

jQuery给动态添加的元素绑定事件的方法
jquery中绑定事件一般使用bind,或者click,但是这只能是对已经加载好的元素定义事件,那些后来添加插入的元素则需要另行绑定.在1.7版本以前使用live.但是在1.8版本以后推荐使用on.这 ...
js动态添加html元素绑定事件,JS实现动态添加DOM节点和事件的方法示例
本文实例讲述了JS实现动态添加DOM节点和事件的方法.分享给大家供大家参考,具体如下: 运行效果图如下: 完整实例代码如下: /p> "http://www.w3.org/TR/xht ...
jquery动态渲染绑定点击事件不生效
原因:动态添加的HTML元素是在CSS,JS代码加载完成后再渲染的HTML页面.浏览器解析这些通过ajax请求到后台返回的数据,再根据返回的结果动态生成HTML页面时,这时绑定事件的标签元素还没有生成 ...
php表格tr,jQuery+ajax实现动态添加表格tr td功能示例
本文实例讲述了jQuery+ajax实现动态添加表格tr td功能.分享给大家供大家参考,具体如下: 功能:ajax获取后台返回数据给table动态添加tr/td html部分: ajax部分: va ...
jQuery 为动态添加的元素绑定事件
在使用jquery的方式为元素绑定事件时,我经常使用bind或者click,但这只能为页面已经加载好的元素绑定事件.像需要用ajax的方式请求远程数据来动态添加页面元素时,显然以上几种绑定事件的方式是 ...
html 点击增加样式,js点击添加css样式 css添加jq点击事件 JavaScript点击增加css样式...
js可实现点击后对div或者其他标签增加或者删除css样式,从而达到实现点击触发某种效果的目的.页面样式可以通过style修饰,也可以通过css修饰,改变css或者添加css可以改变页面的排版.代码如 ...
jQuery+Ajax动态添加表格
最近做课设,涉及到前端知识,设计的项目需要用jQuery动态添加删除html中table的tr和td,试遍了网上的代码都无济于事,无奈只能自己编写.先展示运行结果: 详细代码如下: dao层代码: / ...
jQuery on()方法绑定动态元素的点击事件无效
之前就一直受这个问题的困扰,在jQuery1.7版本之后添加了on方法,之前就了解过,其优越性高于live(),bind(),delegate()等方法,在此之前项目中想用这个来测试结果发现,居然动态 ...
ie统计报表html,IE中动态添加表格
layui动态添加删除表格,并获取表格中的值标题 //点击追加触发$(function(){$("#button").click(function(){var div_ = $( ...

动态添加表格点击事件

动态添加表格点击事件相关推荐

最新文章

热门文章