为什么这个 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

首先，你不需要使用$() twise

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

而且你可以简化这个选择器（去掉*）：

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

检查一下，也许你在类型选择器名称和属性时犯了一些错误，因为你的语法很好。

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