JQuery获取append后的动态元素

Posted 2020-07-18

在使用ajax请求后，使用jquery将数据append到网页中。发现jquery无法使用append内的id和class获取元素。

例如：$("ul").append("<li class=‘name‘>名称</li>");

无法使用下面的语句来获取：

$(".name").click(function (){  alert("获取到append后的节点"); })

应该使用：

$(".name").live("click", function() {   alert("获取到了");  });

或者（jquery 1.7+之后用on代替live,on()方法在被选元素及子元素上添加一个或多个事件处理程序）：

$("body").on("click",".name",function(data){     alert(data); });