JS给动态生成的元素绑定事件

JQuery

<ul class="list"></ul> <span>添加</span>
<script> $(function(){ var _len = $("ul li").length; //无效，新增加的li不会有点击事件 $(".list").find("li").on('click',function(){ var _text = $(this).html(); alert(_text); }); //有效 $(".list").on('click','li',function(){ var _text = $(this).html(); alert(_text); }); $("span").on('click',function(){ _len++; var _html ="<li>"+_len +"</li>"; $("ul").append(_html); }); }); </script>