Select 内容在变量中，而不是在当前 DOM 中，jQuery？

Question

我有一个 ajax function 使用 jQuery 定义了一个错误 ZC1C425268E68385D1AB50741C 称为 941C。 当服务器上发生错误时，此错误 function 运行。 “jqXHR”中传递的变量之一包含一个名为 responseText 的属性。 我想将此响应文本转储到页面上的 div 中，但响应文本包含完整格式的 HTML 文档。 有什么方法可以使用 jQuery 来遍历这个包含 HTML 的变量，就像我遍历常规 DOM 一样？

$.ajax({
    blah blah blah...,
    error: function (jqXHR, textStatus, errorThrown)
    {
        var errorText = $(jqXHR.responseText).find('body').html();
        // The above line does not work. errorText is NULL.
        $('#mainContent').html(errorText);
    }
});

我想做类似上面代码片段的事情，但我这样做的方式不起作用。 有没有办法遍历这个变量，就好像它是一个我可以用 jQuery 导航的 DOM？

更新

这是一个console.log($(jqXHR.responseText))

http://www.codetunnel.com/content/images/consolelog.jpg

Answer 1

在这个方面对我来说也有一些甜蜜的发现。

这不起作用，因为在幕后，jQuery 正在创建一个文档片段并在其上设置 innerHtml 属性。 这不适用于<html>和<body>节点，因为它们不是文档节点类型——它们不能放入 DOM。

相反，当您调用$('<html><body><b>foo</b></body></html>')时，会创建一个仅包含“ <b>foo</b> ”的片段它，所以？ 你只想要身体部分：只需返回：

$(jqXHR.responseText).html();

小提琴来证明我指的是： http://jsfiddle.net/L5PR5/1/

---

编辑#2

我认为，鉴于<head>元素被放在那里，你唯一的选择是使用子字符串：

var res = jqXHR.responseText;
$(res.substring(res.indexOf('<body'))).appendTo('#mainContent');

Answer 2

尝试这个：

var errorText = $('<div />').append(jqXHR.responseText).html();

这是一个jsfiddle 。

Answer 3

使用.filter()

http://api.jquery.com/filter/

var myHtml = '<div id="blah">hello world</div>';
console.log($(myHtml).filter('#blah').html());

这将在控制台中显示“hello world”。 它是 HTML 存储在一个变量中。 您将 jquery 中的 filter() 应用于该变量（见上文），即使它位于变量中，您也可以通过这种方式访问您的 dom。

Answer 4

假设你的 html 是有效的 xml 你可以做

var xmlDoc = $.parseXML( jqXHR.responseText ),
    body = $( xmlDoc ).find('body')[0],
    bodystring = body.xml || new XMLSerializer().serializeToString(body);

现在bodystring包含整个<body>标记（作为字符串），您可以在 DOM 中使用它来 append 它

$('#mainContent').html( bodystring );

演示在http://jsfiddle.net/gaby/hYukn/