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>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. tab列表折叠效果 html: 能源系统事业部 岗位名称: 工作地点 岗位名...
    lilyping阅读 5,888评论 0 1
  • 一)jQuery九类选择器【参见jQueryAPI.chm手册】 目的:通过九类选择器,能定位web页面(HTML...
    奋斗的老王阅读 4,628评论 0 51
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 6,375评论 1 10
  • 本文由“经融小星”发布,2017年7月23日 1我的理财第一步:储蓄 说来惭愧也好笑,我高三年为了应学校办了第一张...
    科技小星阅读 2,515评论 0 0
  • 起夜 开门刹那 看到桌上的花 没有露珠 也没有光泽 风一过 笔滚落在地 弯腰拾起 看到残余的酒杯 于是一底威士忌 ...
    小楼西的帐篷阅读 2,593评论 0 1