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

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

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