JQuery 动态给 li 绑定点击事件，动态添加class

需求：
给 li 里的 a 标签添加点击事件，并为被点击的 li 里的 a 添加 class_cur 属性值

$('#areaUl').on('click', 'a', function(e) {
  var aLi = $(".showArea");
  var i = 0;
  for (i = 0; i < aLi.length; i++) {
    aLi[i].className = aLi[i].className.replace(/\s?class_cur/, "");
  }
  this.className += " class_cur";
});

注意如果li 是动态加载的，这里则不能用 onclick方法进行绑定

---------------------------------------------------------分割线---------------------------------------------------------------
继续完善一下，今天又遇到了一个新问题

 <a class="showReply" href="javascript:void(0);"></a>

a标签是通过加载后再渲染动态加载出来的，在今天试了一下用下面这种方式：

$(".showReply").on("click", function () {
  alert("1111")
})

不出意外的点击该链接后，没有反应，具体原因不知道是什么，如果有谁知道，可以再评论区留个言说下原因，谢谢。
经过百度，发现下面这种方式很好用：

$(document).on('click', '.showReply', function () {
  alert($(this).text())
});

原理就是，这种方法每次执行点击事件 的时候，它会先找到document对象。然后去检测有没有子对象。如果有的话，他就将事件给到子对象，子对象得到该事件之后就开始触发事件后面的方法。推荐这种方式。