jQuery获取动态添加元素的方法

分类:前端技术    发布时间:2018-11-07 09:50:07
一、问题描述

  用jQuery的append()方法动态添加了一段html代码之后,发现通过原来的方法$("#Edit_timing_task")无法获取新添加的元素。

二、解决方法
而 $('.xxx').live方法在 jQuery 1.9后被取消.
可以用on()方法代替live().

  on() 方法在被选元素及子元素上添加一个或多个事件处理程序。自 jQuery 版本 1.7 起,on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。

      on()的官方定义和用法:

      

  注意:使用 on() 方法添加的事件处理程序适用于当前及未来的元素(比如由脚本创建的新元素)。    


三、代码演示
<button type="button" class="btn btn-sm btn-primary" id="Edit_timing_task" style="border:1px solid #000;margin-left: 20%;">编辑任务</button>

$("#task_list").on("click","#Edit_timing_task",function () {
    console.info('yes');
});

注意: #task_list 是 #Edit_timing_task父元素.

标签: jQuery

阅读(172)┆ 评论(0) ┆ (0) ┆ 返回博客首页


发表我的评论

欢迎您: | 退出登录


文章评论