在返回的元素中搜索

Question

我有这样的代码来收集页面上所有项目列表的信息，return它们：

const resultsArr = await page.$$eval('.result-row', elements =>
  elements.map(el => {
    return {
      price: await page.eval('how do I search within the element el?')
    }
  })
);

在 chrome 控制台中测试我可以获取元素并执行类似

的操作

elements[0].find('.result-price')[0].innerHTML // returns ',500'

我很难将我的 jquery 翻译成木偶师。问题是，在上面的示例中，我如何从元素 el?

中搜索和 return 数据

Answer 1

使用page.evaluate

const resultsArr = await page.evaluate(() => {

    return Array.from(document.querySelectorAll('.result-row .result-price')).map(el => {

        return {
            price: el.innerText
        };

    });
});

在返回的元素中搜索

Searching within returned element

node.js

puppeteer