jquery 选择器函数在 ajax 响应 html 数据上失败

Question

在我的 jquery 代码中，我使用 ajax get 函数来获取页面的 html 代码。然后我想从中获取某个元素，但是当我尝试这样做时，jquery 给出了此错误:

SCRIPT5022: Syntax error, unrecognized expression:

在 html 字符串上。

$.ajax({
    url: myURL,
    dataType: 'html',
    success: function (data) {
        g = $('#MainLeftCell', $(data)).html(); // ERROR occurs here
        alert(g);
    },
    error: function (XMLHttpRequest, textStatus, errorThrown) {
        alert("An error occured when searching.");
    }
});

我认为这是因为 html 字符串中可能存在一些 jquery 解析器无法识别的奇怪代码序列。从中获取它的页面是 SharePoint 页面。

有办法解决这个问题吗？

Answer 1

很可能您的 HTML 不适用于 $() 方法。首先将其传递给 $.parseHTML。

var g = $('#MainLeftCell', $.parseHTML(data)).html();

如果消除了错误但仍然不起作用，很可能 #MainLeftCell 是顶级元素，您必须使用 .filter 来获取它。

var g = $($.parseHTML(data)).filter('#MainLeftCell').html();

更通用的解决方案是

var g = $("<div>").html(data).find("#MainLeftCell").html();