使用 puppeteer 在测试自动化中选择具有相同类名的第二个元素答案

【问题标题】：Select second element with same class name in testing automation using puppeteer使用 puppeteer 在测试自动化中选择具有相同类名的第二个元素
【发布时间】：2021-03-14 12:47:49
【问题描述】：

我有这样的结构

<div class='class1'>
   <div></div>
</div>
<div class="class1>
   <div></div>
</div>

我正在使用此命令选择第一个元素，但无法弄清楚如何选择具有相同类名的第二个 div 或具有相同类名的第 n 个 div。

div[class*="class1"]>div -> do some action

【问题讨论】：

标签： javascript jquery reactjs unit-testing puppeteer

【解决方案1】：

您是否尝试全选？

document.querySelectorAll(".class1")[1]

【讨论】：

【解决方案2】：

您可以尝试使用nth-child() css 选择器：div[class*="class1"]:nth-child(2)

【讨论】：