jQuery获取动态生成的元素
2024-03-30 20:27:36
需求描述：页面上可以动态添加数据,比如table,点击按钮可以动态添加行。又或页面
加载时table数据是通过ajax从后台获取的。而这时我们想要获取其中的某个值,又该如何获取呢？
如果是要通过某个事件来获取的比如click,mouseover等等,则可以使用live()方法
$(".button").live("click",function(){
console.info($("#mytd").html());
})
live()的详细说明参考http://blog.csdn.net/itmyhome1990/article/details/17380665
而如果不是通过某个事件,当页面加载的时候我们就要获取值或进行其他操作
live()方法就不行了,因为我们无法传入一个事件。
比如以下代码：
<body>
<table id="tab" border="1" width="30%"> </table>
</body>
<script type="text/javascript">
$(function() {
$.post("admin/UserForumthemeBabygrowupFrontList.do",{},function(data){
console.info(data.table);
$("#tab").append(data.table);
}) alert($("#mytd").html()); //获取值
});
</script>
以上代码很简单,就是通过post从后台返回的值添加到<table>中
后台返回数据为 <tr><td id='mytd'>北京</td><td>深圳</td></tr>而我们要在post之后获取id为mytd的值,
此时是获取不到的,我们从浏览器中就可以观察出问题：
从以上可以看出在alert的时候 数据并还没有加载出来 控制台也并没有打印出信息,所以此时是取不到数据的。
使用ajaxComplete()方法可以在请求完成时运行要执行的代码,我们修改为如下：
$(function() {
$.post("admin/UserForumthemeBabygrowupFrontList.do",{},function(data){
console.info(data.table);
$("#tab").append(data.table);
})
$("#tab").ajaxComplete(function(){ //待请求完成时 执行
alert($("#mytd").html());
})
});
此时再获取的时候页面已加载完数据。
最新文章
- MonoDevelop 4.2.2/Mono 3.4.0 in CentOS 6.5 安装笔记
- 读书摘要，一种新的黑客文化：programming is forgetting
- 单点登录技术:微软Passport单点登录协议和自由联盟规范
- Thread多线程stopSleep顺序问题
- 14.7.2 Changing the Number or Size of InnoDB Redo Log Files 改变InnoDB Redo Log Files的数量和大小
- activiti总结
- PHP iconv()编码转换函数用法示例
- 定步长的龙格库塔7(8)阶C++程序（RKF78）
- [BZOJ]1050 旅行comf(HAOI2006)
- msgid 属性
- 微信小程序计算器模拟后续
- vtiger7菜单管理
- 决策论 | 信息论 | decision theory | information theory
- Onsen UI for React文档
- Java中字符数组、String类、StringBuffer三者的相互转换
- windows 内存管理的几种方式及其优缺点
- Netty源码分析第4章(pipeline)---->第2节: handler的添加
- spring mvc 详细配置
- LINUX系统下的squid服务
- 关于FFT提速