jQuery擷取動態產生的元素

需求描述：頁面上可以動態添加資料,比如table,點擊按鈕可以動態添加行。又或頁面

載入時table資料是通過ajax從後台擷取的。而這時我們想要擷取其中的某個值,又該如何擷取呢？

如果是要通過某個事件來擷取的比如click,mouseover等等,則可以使用live()方法

$(".button").live("click",function(){       console.info($("#mytd").html());  }) 

live()的詳細說明參考http://blog.csdn.net/itmyhome1990/article/details/17380665

而如果不是通過某個事件,當頁面載入的時候我們就要擷取值或進行其他動作

live()方法就不行了,因為我們無法傳入一個事件。

比如以下代碼：

 <script type="text/javascript">$(function() {     $.post("admin/UserForumthemeBabygrowupFrontList.do",{},function(data){   console.info(data.table);   $("#tab").append(data.table);     })     alert($("#mytd").html());//擷取值});</script>

以上代碼很簡單,就是通過post從後台返回的值添加到

後台返回資料為

此時是擷取不到的,我們從瀏覽器中就可以觀察出問題：

從以上可以看出在alert的時候 資料並還沒有載入出來 控制台也並沒有列印出資訊,所以此時是取不到資料的。

使用ajaxComplete()方法可以在請求完成時運行要執行的代碼,我們修改為如下：<喎?http://www.bkjia.com/kf/ware/vc/" target="_blank" class="keylink">vcD48cD48L3A+PHByZSBjbGFzcz0="brush:java;">$(function() {$.post("admin/UserForumthemeBabygrowupFrontList.do",{},function(data){console.info(data.table);$("#tab").append(data.table);})$("#tab").ajaxComplete(function(){ //待請求完成時 執行 alert($("#mytd").html());})});
此時再擷取的時候頁面已載入完資料。

中 而我們要在post之後擷取id為mytd的值,

北京

深圳