jquery - jquery .get 数据操作

Question

我正在使用下面的代码来获取页面：

$.get('http://example.com/page1.html', function (data) {

});

现在让我们想象一下 page1.html 中有一个#content div，我需要阅读它的内部 html，因为我已经在发生 Ajax 调用的页面上有了#content div。

这样做的正确方法是什么？我试过：

data = $(data).find('#content').html();
$("#content").empty().append(data);

但似乎 html() 函数不是正确的，因为它返回 null，而 contents() 正在返回数据，但我不够熟练，只能从中获取我需要的东西。

任何帮助表示赞赏，谢谢！

Answer 1

这段代码

data = $(data).find('#content').html();

数据为空时返回

var data ="<div id='content'>my data</div>";

因为#content已经是父母，如果数据是

var data ="<div><div id='content'>my data</div><div>";

然后返回准确的 html，因为这次 #content 是子元素，您可以在父 div 中 .find() 。

Answer 2

未经测试：

var content = $("#content", data).html(); // or var content = $("#content", $(data)).html();

$("#content").html(content);

编辑：这个怎么样？

$('#content').load("http://example.com/page1.html #content");

来自：http ://api.jquery.com/load/ - “加载页面片段”。