比如 :我们现在有一个<ul></ul>里面有一些数据<li></li>需要利用ajax和js来动态加载,但是我们写好的方法这时候失效的。
现在我们要解决的就是怎样给每一个<li>绑定方法:
1.很笨的方法就是每个<li>循环添加id,然后来操作id。当然这不是我们想要的。
2.利用 target
比如:
页面中代码:
<ul class="activeLoad"> <li class="comment-details"> <p class="user-name">${nickName}</p> </li> </ul>
ajax代码:
$.ajax({ url: "你的地址", method: "post", dataType: "json", success: function (data) { for (var i = 0; i < data.list.length; i++) { var ht = '<li class="comment-details">' + '<p class="user-name">' + data.list[i].nickName + '</p>' + '</li>' $('#span').before(ht); } } } })
接下来就是绑定方法的代码了:
$('#activeLoad').on('click', function (event) { var $obj = $(event.target);console.log($obj.attr('class'));
下面实现自己的方法就可以了。})