Puppeteer Sharp - 获取包含文本内容的元素

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();