关于JQ动态添加不执行事件的问题
动态添加事件,直接用字符串拼接把事件写到标签中,然后按照常规方法写,是不会执行事件的,因为动态添加的找不到元素。
str += "<td >" + "<a href='javascripr:;' onclick='Delete(this)' class='aaaa'>删除</a>" + "</td>"; //字符串拼接 function Delete(obj) { //alert("333"); console.log(obj.getAttribute("class")); //原生可以这行 obj.html("1121"); obj.remove(); //原生可以执行 } //执行的函数 是无效的 //但是可以执行原生js
通过使用JQ的on(事件绑定)
注意:前面的$(“XXX”) 必须是页面中的静态元素,不可以是动态添加的,
click后的类名为执行事件元素的类名
str += "<td>" + "<a href='javascripr:;' class='SelectDelete'>删除</a>" + "</td>";
$(function () { $("#aTbody").on("click", ".SelectDelete", function () { console.log($(this).parent().parent()) $(this).parent().parent().remove(); }) })