如何在Puppeteer中获取匹配精确文本而非包含文本的元素？

针对你遇到的问题，这里提供几种可靠的精确匹配文本元素的方案：

方案1：使用locator.filter()结合正则精确匹配 #

通过filter()方法筛选出文本完全匹配的元素，这是Puppeteer推荐的方式：

// 精确匹配文本"a"的option
const exactOptionA = await page.locator('option').filter({ hasText: /^a$/ });
// 精确匹配文本"b"的option
const exactOptionB = await page.locator('option').filter({ hasText: /^b$/ });

正则表达式^a$表示文本完全等于"a"，^匹配文本开头，$匹配文本结尾，确保不会匹配包含目标文本的其他元素。

方案2：使用evaluate()直接操作DOM查询 #

如果需要更灵活的控制，可以通过page.evaluate()调用原生DOM API实现精确匹配：

const exactOptionA = await page.evaluate(() => {
  return Array.from(document.querySelectorAll('option')).find(option => option.textContent.trim() === 'a');
});
const exactOptionB = await page.evaluate(() => {
  return Array.from(document.querySelectorAll('option')).find(option => option.textContent.trim() === 'b');
});

这种方式通过严格相等判断===匹配精确文本，trim()还能处理文本前后可能存在的空格问题。

方案3：使用XPath精确匹配 #

Puppeteer支持XPath选择器，同样可以实现精确文本匹配：

const exactOptionA = await page.locator('xpath//option[text()="a"]');
const exactOptionB = await page.locator('xpath//option[text()="b"]');

如果需要忽略文本前后的空格，可使用normalize-space()优化：

const exactOptionA = await page.locator('xpath//option[normalize-space(text())="a"]');

内容的提问来源于stack exchange，提问作者Mas Bagol