关于JQ动态添加不执行事件的问题

动态添加事件，直接用字符串拼接把事件写到标签中，然后按照常规方法写，是不会执行事件的，因为动态添加的找不到元素。

 str += "<td   >" + "<a href='javascripr:;'  οnclick='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();
            })

        })

 

转载于:https://www.cnblogs.com/C-dashazi/p/6474715.html