jQuery獲取動(dòng)態(tài)生成的元素示例
加載時(shí)table數(shù)據(jù)是通過ajax從后臺(tái)獲取的。而這時(shí)我們想要獲取其中的某個(gè)值,又該如何獲取呢?
如果是要通過某個(gè)事件來獲取的比如click,mouseover等等,則可以使用live()方法
$(".button").live("click",function(){
console.info($("#mytd").html());
})
而如果不是通過某個(gè)事件,當(dāng)頁面加載的時(shí)候我們就要獲取值或進(jìn)行其他操作
live()方法就不行了,因?yàn)槲覀儫o法傳入一個(gè)事件。
比如以下代碼:
<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>
以上代碼很簡(jiǎn)單,就是通過post從后臺(tái)返回的值添加到<table>中
后臺(tái)返回?cái)?shù)據(jù)為 <tr><td id='mytd'>北京</td><td>深圳</td></tr>而我們要在post之后獲取id為mytd的值,
此時(shí)是獲取不到的,我們從瀏覽器中就可以觀察出問題:

從以上可以看出在alert的時(shí)候 數(shù)據(jù)并還沒有加載出來 控制臺(tái)也并沒有打印出信息,所以此時(shí)是取不到數(shù)據(jù)的。
使用ajaxComplete()方法可以在請(qǐng)求完成時(shí)運(yùn)行要執(zhí)行的代碼,我們修改為如下:
$(function() {
$.post("admin/UserForumthemeBabygrowupFrontList.do",{},function(data){
console.info(data.table);
$("#tab").append(data.table);
})
$("#tab").ajaxComplete(function(){ //待請(qǐng)求完成時(shí) 執(zhí)行
alert($("#mytd").html());
})
});

此時(shí)再獲取的時(shí)候頁面已加載完數(shù)據(jù)。
相關(guān)文章
jQuery實(shí)現(xiàn)切換隱藏與顯示同時(shí)切換圖標(biāo)功能
這篇文章主要介紹了jQuery實(shí)現(xiàn)切換隱藏與顯示同時(shí)切換圖標(biāo)功能,需要的朋友可以參考下2017-10-10jQuery回調(diào)函數(shù)的定義及用法實(shí)例
這篇文章主要介紹了jQuery回調(diào)函數(shù)的定義及用法,以實(shí)例形式詳細(xì)分析了回調(diào)函數(shù)的原理與實(shí)現(xiàn)技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12jquery tablesorter.js 支持中文表格排序改進(jìn)
之前研究過一下表格排序。上網(wǎng)找了一些代碼研究了一下。勉強(qiáng)做了一個(gè)用著。后面發(fā)現(xiàn)當(dāng)動(dòng)態(tài)給單元格加超鏈接,或者列中存在一些空白,就排序不了了。2009-12-12Jquery EasyUI的添加,修改,刪除,查詢等基本操作介紹
初識(shí)Jquery EasyUI看了一些博主用其開發(fā)出來的項(xiàng)目,頁面很炫,感覺功能挺強(qiáng)大,效果也挺不錯(cuò),最近一直想系統(tǒng)學(xué)習(xí)一套前臺(tái)控件,于是在網(wǎng)上找了一些參考示例2013-10-10動(dòng)態(tài)標(biāo)簽 懸停效果 延遲加載示例代碼
懸停效果、延遲加載想必大家都有見到過吧,在本文將為大家介紹下是如何實(shí)現(xiàn)的,感興趣的朋友不要錯(cuò)過2013-11-11利用jQuery對(duì)無序列表排序的簡(jiǎn)單方法
下面小編就為大家?guī)硪黄胘Query對(duì)無序列表排序的簡(jiǎn)單方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10分享精心挑選的12款優(yōu)秀jQuery Ajax分頁插件和教程
在這篇文章中,我為大家收集了12個(gè)基于 jQuery 框架的 Ajax 分頁插件,這些插件都提供了詳細(xì)的使用教程和演示2012-08-08用jquery等比例控制圖片寬高的具體實(shí)現(xiàn)
控制圖片寬高的方法有很多,下面為大家介紹下使用jquery是如何實(shí)現(xiàn)的,感興趣的朋友可以學(xué)習(xí)下2014-01-01jQuery實(shí)現(xiàn)字符串全部替換的方法【推薦】
本文主要介紹了jQuery實(shí)現(xiàn)字符串全部替換的方法,具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03