ajax获取另一个页面的div内容
$(".content1 p").click(function () {
var cid = $(this).index();
$.ajax({
type: "get",
url: "content1",
success: function (data) {
var div = $(data).find("#"+cid).html();
$(".content2").html(div);
}
})
})
})
上面这串代码,要求从content1.html中选取ID=cid的div并在当前页面的class=content2的div中显示出来。但是运行之后content2中并不能显示对应的数据?请问是为什么 展开
新建1.html
编辑代码如下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><div id="top"></div><script src="jquery-1.12.3.min.js"></script> <script>
$.ajax({ url:"2.html", async:false, type:"get", dataType:"html", success:function(msg){ $("#top").html(msg); } }) </script><body></body></html>
2
新建2.html
编辑代码
111111111111111111111111111
3
运行1.html
2.html的内容插入到了1.html的top div中
我想知道的是,用ajax获得的数据,数据类型html,能不能对获得的数据进行遍历,在众多div中找到我想要的那一个div当中的内容并在另外一个页面上显示出来。