puppeteer - Puppeteer Sharp - 获取包含 textContent 的元素

Question

我正在尝试研究如何有效地从包含特定字符串的页面中获取元素。

该元素位于<a>标签中，但它的类/ID 是随机生成的。

我能做到这一点的唯一方法是遍历每个<a>标签并检查 textContent 是否匹配。

<a>Match this text foo</a>

我也尝试过使用 xPath 表达式，但是我可以弄清楚如何使用返回的元素。

//a[contains(text(),'Match this text')]

有人有更好的解决方案吗？

Answer 1

该page.$x(expression)方法返回：<Promise<Array<ElementHandle>>>。因此，您可以通过索引或仅通过解构赋值来获取特定元素。

例如：

const links = await page.$x('//a[text()="Specific Text"]'); // returns: <Promise<Array<ElementHandle>>>
await links[0].click();

甚至更好的解构赋值：

const [ link ] = await page.$x('//a[text()="Specific Text"]');
await link.click();