google-chrome-devtools - 在查询选择器中传递多个属性

Question

我试图在我的 puppeteer 测试中使用以下两个查询选择器访问下面突出显示的元素。一个都没有工作。

document.querySelector('div[class="slick-cell l1 r1"][title="08787878787001"]')

document.querySelector('div[title="08787878787001"]')

HTML：

仍然没有结果。我不能在属性之间放置逗号，因为它认为是“或”并让我得到不同的元素。

有什么解决办法？

标签： google-chrome-devtoolspuppeteer

Answer 1

正确的选择器是：

document.querySelector('div.slick-cell.l1.r1')

您可以在此处阅读有关选择器的更多信息。

选择器没有这样的文本匹配。如果您尝试根据文本匹配它，请使用 XPath：

$x('//div[@class="slick-cell l1 r1" and @title][text()="08787878787001"]')