JQuery获取append后的动态元素
2016-06-01 10:00
302 查看
在使用ajax请求后,使用jquery将数据append到网页中。发现jquery无法使用append内的id和class获取元素。
例如:$("ul").append("<li class='name'>名称</li>");
无法使用下面的语句来获取:
$(".name").click(function (){ alert("获取到append后的节点"); })
应该使用:
$(".name").live("click", function() { alert("获取到了"); });
或者(jquery 1.7+之后用on代替live,on()方法在被选元素及子元素上添加一个或多个事件处理程序):
$("body").on("click",".name",function(data){ alert(data); });
例如:$("ul").append("<li class='name'>名称</li>");
无法使用下面的语句来获取:
$(".name").click(function (){ alert("获取到append后的节点"); })
应该使用:
$(".name").live("click", function() { alert("获取到了"); });
或者(jquery 1.7+之后用on代替live,on()方法在被选元素及子元素上添加一个或多个事件处理程序):
$("body").on("click",".name",function(data){ alert(data); });
相关文章推荐
- iOS汉字到拼音
- Android Studio打包签名出现错误
- Android性能优化
- 我在Android开发中遇到的一些问题
- ios文件存放路径、文件目录、缓存文件夹
- Android Service进阶教程
- Android_通过Intent调用系统相机和相册回传bitmap
- android 固定图片长度和宽度的方法
- Android DrawerLayout使用StatusBarUtil设置状态栏颜色失败的解决办法
- android 开发命名规范
- 【自定义View系列】android自定义View概述
- 【iOS】Xib的使用与File'Owner总结
- android拍照获得图片URI为空的处理方法
- 2015最流行的Android组件、工具、框架大全
- iOS开发 - 清除缓存
- iOS中UIWebView网页加载组件的基础及使用技巧实例
- .NET开发者如何愉快的进行微信公众号开发
- elasticsearch更改mapping,不停服务重建索引(转)
- Android 简单引导页实现
- iOS开发 给Label加下划线、中划线