jquery1.9+获取append后的动态元素
16lz
2021-01-22
jquery 1.9+放弃了live,说是用on代替了!
那么如果我们以前用live来获取jquery动态添加的元素,现在应该用on怎么写呢?
首先:
<div id="one"></div>
然后,我使用append的方法:
$('#one').append("<p id='two'>test1</p>");
得到的结果是:
<div id="one"><p id="two">test1</p></div>
http://www.cnblogs.com/roucheng/
现在,我想获取p里的值,
如果我们直接用:
$("#two").on("click",function(data){
alert(data);
});
那么,是不会弹出窗口的!
需要改成这样的:
$("body").on("click","#two",function(data){
alert(data);
});
真的!
那么如果我们以前用live来获取jquery动态添加的元素,现在应该用on怎么写呢?
首先:
<div id="one"></div>
然后,我使用append的方法:
$('#one').append("<p id='two'>test1</p>");
得到的结果是:
<div id="one"><p id="two">test1</p></div>
http://www.cnblogs.com/roucheng/
现在,我想获取p里的值,
如果我们直接用:
$("#two").on("click",function(data){
alert(data);
});
那么,是不会弹出窗口的!
需要改成这样的:
$("body").on("click","#two",function(data){
alert(data);
});
真的!
更多相关文章
- 创建一个未排序的数组,其中包含重复元素和唯一元素的总和
- 如何在angularjs代码中单元测试jquery元素
- Jquery | 基础 | 慕课网 | 元素选择器
- 如何知道DOM元素何时移动或调整大小
- 删除使用jQuery动态创建的元素
- 如何在jQuery中选择最后一个子元素?
- JQuery 的选取元素 和 方法
- 在引导程序弹出窗口中使用交互式元素
- jQuery向父级元素最前面添加元素—prepend