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添加点击事件成功');

});