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

});