javascript - 如何使用 Puppeteer 选择具有同一类的所有子 div？

Question

我是 Puppeteer 的新手，我正在尝试从使用同一类的两个 div 中获取 textContent。

<div class="post-item">
   <div class="post-item-info">
      <span class="post-item-status post-comment"></span>
      3
   </div>
   <div class="post-item-info">
      <span class="post-item-status post-vote"></span>
      5
   </div>
</div>

我期望的结果是返回一个数组[3,5]。我当前的代码如下。

let postInfo = element.querySelector('.post-item-info');

问题是它只返回第一个。请告诉我该怎么做。

Answer 1

您的选择器应该类似于 const Nodes = element.querySelectorAll('.post-item-info');。然后，要访问返回集合中的各个项目，请使用传统的 for 循环，例如

for(let i = 0; i < nodes.length; i++){
      const currentNode = nodes[i];
      // doStuffWith(currentNode);
    }