jquery抓取网页内容(不是值,如何获取事件,)
优采云 发布时间: 2022-03-06 08:19jquery抓取网页内容(不是值,如何获取事件,)
需求说明:页面上可以动态添加数据,比如表格,点击按钮可以动态添加行。或页面
加载时通过ajax从后台获取表格数据。然后我们想要得到某个值,如何获取呢?
如果想通过点击、鼠标悬停等事件获取,可以使用live()方法
$(".button").live("click",function(){
console.info($("#mytd").html());
})
live()的详细参考
如果不是通过事件,当页面加载时我们会获取值或者执行其他操作
live() 方法不起作用,因为我们无法传入事件。
如以下代码:
$(function() {
$.post("admin/UserForumthemeBabygrowupFrontList.do",{},function(data){
console.info(data.table);
$("#tab").append(data.table);
})
alert($("#mytd").html()); //获取值
});
上面的代码很简单,只是通过post加上后台返回的值
后台返回数据为
北京
深圳
而我们想在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());
})
});
此时页面检索时已加载数据。