jQuery获取动态生成元素的示例

需求描述:可以在页面上动态地添加数据,如表,单击按钮可以动态地添加行或页。
当加载时,表数据是通过Ajax从后台获得的,然后我们想得到一些值,您如何得到它

如果你想得到什么样的点击,鼠标悬停,等等通过一个事件,您可以使用活()方法
复制代码代码如下所示:
$()。
Console.info($(# MyTD)。Html());
})

如果不是通过一个事件,当页面加载时,我们必须获得值或执行其他操作。

Live()方法不起作用,因为我们不能传递事件。

例如,下面的代码:
复制代码代码如下所示:






$(函数(){())
美元。后(管理 / userforumthemebabygrowupfrontlist。做
Console.info(数据表);
$(#选项卡)。追加(数据表);
})

警报($(# MyTD )(HTML)); / /获得价值
});


上面的代码很简单,它被添加到后台返回的值。

后台数据返回北京深圳,我们去后得到ID MyTD的价值。

在这一点上,我们不能得到它,我们可以从浏览器中看到问题。
从上面可以看出,在警报的时候,数据没有被加载,控制台也没有打印,所以此时数据不可用。

的ajaxcomplete()方法可以用来运行代码的执行请求完成时,我们修改如下:
复制代码代码如下所示:
$(函数(){())
美元。后(管理 / userforumthemebabygrowupfrontlist。做
Console.info(数据表);
$(#选项卡)。追加(数据表);
})
$(#选项卡)(。AjaxComplete(功能){ / /直到请求执行完成
警报($(# MyTD)。Html());
})
});

此时页面已加载数据。