动态添加表格点击事件

最新推荐文章于 2021-07-25 00:40:39 发布

晓柯爱

最新推荐文章于 2021-07-25 00:40:39 发布

阅读量535

点赞数

文章标签： js

本文链接：https://blog.csdn.net/weixin_45799001/article/details/111169905

版权

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);
			}
		})
	}