如何用Puppeteer结合动态选择器循环点击Feed中的不同div？

你可以通过两种方式把原有选择逻辑应用到Puppeteer的点击操作中：

方法一：转换为CSS选择器直接调用page.click #

如果feed流的子节点都是元素节点（无空白文本节点干扰），可以把原有逻辑转换成CSS选择器字符串，直接传给page.click：

// 拼接CSS选择器
const selector = `div[role=feed]:first-child > *:nth-child(${current + 1}) form`;
// 先等待元素加载完成（可选但推荐）
await page.waitForSelector(selector);
// 执行点击
await page.click(selector);

• div[role=feed]:first-child对应原代码中querySelectorAll("div[role=feed]").item(0)，即第一个feed容器
• >*:nth-child(${current + 1})对应原代码中childNodes[current + 1]（仅匹配元素节点）
• 最后拼接form定位到目标表单

方法二：在页面上下文执行原有选择逻辑并点击 #

如果childNodes包含文本节点，或原有选择逻辑无法直接转成CSS选择器，直接用page.evaluate在浏览器上下文执行原代码并触发点击：

await page.evaluate((current) => {
  // 复用你原有的选择逻辑
  const form = document.documentElement.querySelectorAll("div[role=feed]").item(0).childNodes[current + 1].querySelector("form");
  if (form) {
    form.click();
  } else {
    console.error("未找到目标form元素");
  }
}, current); // 把外部的current变量传入页面上下文

这种方式完全复用你原本在浏览器控制台的选择逻辑，无需调整选择规则，适合复杂节点结构的场景。

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