jquery - $.ajax 中返回的 HTML 片段无法被遍历

Question

我有一个像这样的 html 片段:

<h1>Lorem ipsum dolor</h1>
<p>Euismod tollam impedit</p>

当我通过 jQuery 的 ajax() 方法获取它时，如下所示:

$.ajax({
    url: 'mocks/test.html',
    dataType: 'html',
    success: function(results) {
    console.log($(results).find('p').text());
    }
});

我在控制台中看到:(空字符串)

但是，如果我在代码片段周围添加一个 div，如下所示:

<div>
    <h1>Lorem ipsum dolor</h1>
    <p>Euismod tollam impedit</p>
</div>

然后控制台显示p元素的内容。知道为什么吗？

Answer 1

因为您正在构建一个包含两个元素的 jQuery 对象； h1 和 p。 find() 搜索 jQuery 对象中元素的后代，但您的 p 是 jQuery 对象的一部分。

您需要使用filter()相反，在这种情况下，它在 jQuery 对象的元素内查找。

alert($(results).filter('p').text());