jQuery获取动态生成的元素
来源:互联网 发布:java和python都掌握 编辑:程序博客网 时间:2024/04/29 00:59
需求描述:页面上可以动态添加数据,比如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());})});
此时再获取的时候页面已加载完数据。
16 0
- jQuery获取动态生成的元素
- jquery获取动态生成的元素
- jquery获取动态生成的元素
- 怎么获取JQuery动态生成的元素的值?
- jquery 获取其动态生成的元素的ID
- jquery 动态生成的元素 添加事件
- jquery动态生成的元素绑定事件
- jQuery-动态生成的元素绑定无效
- jquery操作动态生成的元素
- 获取动态生成的js元素
- Jquery获取页面的动态元素
- jQuery如何获取动态添加的元素
- jQuery获取动态创建元素的内容
- jquery获取动态生成的元素【live(), on()】div text html append attr
- jquery为动态生成的元素生成click事件
- jquery 动态获取生成的html
- jquery动态生成表单元素
- Jq获取动态生成元素
- Multiply Strings
- libcurl多线程的相关问题
- Implementing Enterprise Systems
- Java中的字符串分割
- C/C++中基本数据类型在内存中是如何存储的
- jQuery获取动态生成的元素
- 数据清洗与收集week2
- ubuntu elipse配置NDK
- chm已取消到该网页的导航
- 在U3D中使用Sqlite做配置数据存取的靠谱做法
- Android通过注解初始化View
- [[NSBundle mainBundle] infoDictionary]
- java回调方法
- 从摆地摊到全球网商10强