jQuery获取动态生成的元素示例
投稿：whsnow
字体：[ ] 类型：转载 时间：
页面上可以动态添加数据,比如table,点击按钮可以动态添加行，下面与大家分享下jQuery如何获取动态生成的元素
需求描述：页面上可以动态添加数据,比如table,点击按钮可以动态添加行。又或页面 加载时table数据是通过ajax从后台获取的。而这时我们想要获取其中的某个值,又该如何获取呢？ 如果是要通过某个事件来获取的比如click,mouseover等等,则可以使用live()方法
代码如下: $(".button").live("click",function(){ <($("#mytd").html()); })
而如果不是通过某个事件,当页面加载的时候我们就要获取值或进行其他操作 live()方法就不行了,因为我们无法传入一个事件。 比如以下代码：
代码如下: &body& &table id="tab" border="1" width="30%"& &/table& &/body& &script type="text/javascript"& $(function() { $.post("admin/UserForumthemeBabygrowupFrontList.do",{},function(data){ <(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){ <(data.table); $("#tab").append(data.table); }) $("#tab").ajaxComplete(function(){ //待请求完成时 执行 alert($("#mytd").html()); }) });
&此时再获取的时候页面已加载完数据。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具2011年9月 总版技术专家分月排行榜第一2011年8月 总版技术专家分月排行榜第一2011年7月 总版技术专家分月排行榜第一2011年6月 总版技术专家分月排行榜第一2011年5月 总版技术专家分月排行榜第一2011年4月 总版技术专家分月排行榜第一
2011年3月 总版技术专家分月排行榜第二2011年2月 总版技术专家分月排行榜第二
2012年 总版技术专家分年内排行榜第一2007年 总版技术专家分年内排行榜第二2006年 总版技术专家分年内排行榜第二2004年 总版技术专家分年内排行榜第二
2005年 总版技术专家分年内排行榜第三2003年 总版技术专家分年内排行榜第三2002年 总版技术专家分年内排行榜第三
本帖子已过去太久远了，不再提供回复功能。zzjnet 的BLOG
用户名：zzjnet
文章数：96
评论数：24
访问量：295576
注册日期：
阅读量：5863
阅读量：12276
阅读量：382095
阅读量：1073925
[匿名]蓝海网羽运动：
[匿名]搜搜招聘网：
51CTO推荐博文
将下列代码存为一个htm文件即可.&script language="javascript"&var cmccCount = 60; unionCount = 60; phsCount = 30; cncCount = -1;function showcount(obj){&var len = obj.value.&document.all.wordCount. = '字符数：'+&if(cmccCount & 0)&&document.all.cmccSeg.innerText = '移动当前：'+ Math.floor(len / cmccCount + 1); &else&&document.all.cmccSeg.innerText = '移动当前分段：-1'; &&if(unionCount & 0)&&document.all.unionSeg.innerText = '联通当前分段：'+ Math.floor(len / unionCount + 1); &else&&document.all.unionSeg.innerText = '联通当前分段：-1'; &&if(phsCount & 0)&&document.all.phsSeg.innerText = '电信当前分段：'+ Math.floor(len / phsCount + 1); &else&&document.all.phsSeg.innerText = '电信当前分段：-1'; &&if(cncCount & 0)&&cSeg.innerText = '网通当前分段：'+ Math.floor(len / cncCount + 1); &else&&cSeg.innerText = '网通当前分段：-1'; &}function printResult(obj){ obj.document.execCommand('Print',false); }&/script&
&form&this is title not to be printed.&table id="tbl"&&tr&&td&
&textarea id="tt" onkeyup="showcount(this)"&&/textarea&&input type=text id="cc"&&/input&& id="wordCount"&&/span&&BR/&&span id="cmccSeg"&&/span&&BR/&&span id="unionSeg"&&/span&&BR/&&span id="phsSeg"&&/span&&BR/&&span id="cncSeg"&&/span&&input type=button
value="print"/&&/td&&/tr&&/table&and this too.&/form&
了这篇文章
类别：┆阅读(0)┆评论(0)jQuery获取动态产生的html内标签或元素
我的图书馆
jQuery获取动态产生的html内标签或元素
》 不久，马上有网友问及三级联动的例子。Insus.NET回复他，会做二级联动，三级应该不难。原理与方法是一样的。写此篇的目的，还是处理jQuery怎样获取动态产生后的html的标签或是元素。还是先回过头去看篇头指定的链接的文章。一开始时，Insus.NET使用了jQuery的ajax产生了一数据行，并append至
把它拿掉，并移出这个自定义函数外：那change函数需要改为#93行的语法，另外事件中需要获取两个select的下拉列表，也需要分别改为#96和#98行，一个获取控件之后，还要获取其值，另一个仅是获取控件。第二个可移动的地方，是那个更新的数据的部分代码：可以写在一个单独立的
经这样重构之后，能脱离这个函数的代码，均移至
发表评论：
TA的推荐TA的最新馆藏}