如何在 puppeteer 上迭代选择器答案

【问题标题】：How to iterate selector over puppeter如何在 puppeteer 上迭代选择器
【发布时间】：2022-01-22 11:49:35
【问题描述】：

亲爱的大家，我对 puppeter 中的选择器有疑问。

我有这个代码。

for(var k= 0 ; k<= 21 ; k++) {
  const text = await page.evaluate(() => {
    document.querySelector(
      'div.ui-table__row:nth-child('+k+') > a:nth-child(1) > div:nth-child(2)'
    ).textContent
  })
  console.log(text);            
}

当我尝试执行这个 sn-p 时的问题是我没有定义 k 但我认为这是正确的。

 Error: Evaluation failed: ReferenceError: k is not defined

我该如何解决这个问题？问候

【问题讨论】：

使用let 而不是var

标签： javascript puppeteer

【解决方案1】：

k 需要显式传递/注入到evaluate()

const k = 'foo'
await page.evaluate(k => {...}, k)

改为：

for(var k= 0 ; k<= 21 ; k++) {
  const text = await page.evaluate((nth) => {
    document.querySelector(
      'div.ui-table__row:nth-child('+nth+') > a:nth-child(1) > div:nth-child(2)'
    ).textContent
  }, k)
  console.log(text);            
}

【讨论】：

我不知道如何传递这个参数，我在发布之前尝试你的解决方案。

【解决方案2】：

根据这个document，您必须像这样将变量作为参数传递给page.evaluate：

const result = await page.evaluate((x) => { // 1. Define "x" to get value in the step 2
  return Promise.resolve(8 * x); // 3. Return the result
}, 7); // 2. Pass 7 to "x"
console.log(result); // prints "56"

您的 sn-p 将如下所示：

for(let k = 0; k <= 21; k++) {
  const text = await page.evaluate((nth) => {
    return document.querySelector(
      'div.ui-table__row:nth-child('+ nth +') > a:nth-child(1) > div:nth-child(2)'
    ).textContent; // Return `textContent` to "out side"
  }, k)
  console.log(text);            
}

【讨论】：

this answer 的副本。请考虑编辑现有答案以改进它们。