javascript - 为什么这个 Cheerio 属性选择器不起作用？

Question

我想使用以下通常在 jQuery 中找到的选择器来创建一个对其子级起作用的函数:

var useroverviewHook = $("div[data-pnref='overview'] *[data-overviewsection]");   

但是，它在 Cheerio 中不起作用。 Nodejs 控制台正在报告

console.log($(useroverviewHook).length) is 0

尽管如此，在浏览器中测试时，该值不为0，存在多个元素。

首先我认为内容是动态的，但如果我输出

res.writeHead(200, {'Content-Type': 'text/plain'}); res.write(html);

数据概述部分就在那里。但cheerio 说事实并非如此。

Answer 1

首先，您不需要两次使用$()

var useroverviewHook = $("div[data-pnref='overview'] *[data-overviewsection]");
console.log(useroverviewHook.length)

您可以简化此选择器(删除 *):

div[data-pnref='overview'] [data-overviewsection]

检查一下，也许您在输入选择器名称和属性时犯了一些错误，因为您的语法没有问题。

此外，有时浏览器会修改 HTML(如果它被破坏)，当我遇到类似问题时，我会将响应保存到文件中并再次检查响应 html。