Puppeteer：如何导航到从 $$ 获得的元素？ [复制]

Question

以下问题类似，但答案无用：How to get children of elements by Puppeteer。在这些答案中，用户展示了如何获取元素的属性。我需要访问子节点列表。

在我正在抓取的页面中，有 30 个包含非常复杂且不同内容的框。

我的目标是 - 获取外部盒子 (DIVs) - 检查是否存在一些特定的嵌套 html 元素 - 检索嵌套元素的内容

例如 - 第一个盒子有嵌套链接的图像 - 第二个盒子有 4 个<P>s

感谢answer to my previous question，我能够检索所有DIVs

我正在这样做

  const boxes = await page.$$("DIV.a-row DIV.spinnerDeal DIV.box DIV.details")

  boxes.forEach((item) => {
       ... now, for example how to check if the item contains a P with a specific class=
  })

所以我的问题是（例如）如何检查项目是否包含具有特定类的 P。

更一般的问题是如何浏览每个项目的嵌套元素？

我试过了

boxes.forEach((item) => {
  console.log(item.getChildNodes())
  console.log("---")
})

但是getChildNodes() is not a function

Answer 1

我认为这对你有用。

const pTags = await page.$x( '//DIV.a-row//DIV.spinnerDeal//DIV.box//DIV.details//p' );

获取所有 ptags 后，您可以检查每个 ptags 与父节点，这样您就可以找到它包含的位置。