jquery无法为动态生成的元素添加点击事件的解决方法(推荐)

遇到 jquery无法为动态生成的元素添加点击事件，谷歌一下，整理一下解决方法如下：

（<li>中间的元素是动态生成的），

现在想为<i>添加点击事件，

例子如下：

<div>
  <ul>
    <li>
      <span>
        <i class='icon'>这是元素内容</i>   //i是动态生成
      </span>
    </li>
  </ul>
</div>

解决方法如下：

$(document).on('click', '.icon', function(e) {
 
 alert('i添加点击事件成功');
 
});