在使用puppeteer测试自动化中选择具有相同类名的第二个元素
我有这样的结构
<div class='class1'>
<div></div>
</div>
<div class="class1>
<div></div>
</div>
我使用这个命令来选择第一个元素，但不知道如何选择第二个具有相同类名的div或第n个具有相同类名的div。
div[class*="class1"]>div -> do some action
共有2个答案
您可以尝试使用nth-child()css选择器:div[class*=“class1”]:nth-child(2)
是否尝试全选？
document.querySelectorAll(".class1")[1]
-
问题内容： 如何在元素列表中选择某个元素？我有以下几点： 很明显，我有适用于所有类的CSS类，但是我也希望能够选择此类的第一，第二或第三div ， 而不管它们在标记中的位置 ： 几乎类似于jQuery索引选择，这是我当前正在使用的选择，但是我需要一个无脚本的替代方法。 具体来说，我在寻找伪选择器，而不是添加其他类或使用ID来使事情正常工作。 问题答案： 您可能终于在发布此问题与今天之间意识到了这一
-
问题内容： 我正在用Capele在Capybara中编写自动化代码。我的HTML中包含以下元素，我想在capybara中单击该元素。 目前，工作方式如下。 但是我想从像这样的两个类的名称中选择元素 我知道我们可以触发JavaScript代码，但这并不明智。 问题答案： 您可以通过以下方式搜索元素 根据您的示例，似乎以下应该工作 您也可以使用
-
问题内容： 是否可以使用CSS3选择器选择具有给定类名称的第一个元素？我的考试没有成功，所以我认为不是吗？ 问题答案： 不，仅使用一个选择器是不可能的。的伪类选择其的第一个元素类型（，等）。将类选择器（或类型选择器）与该伪类一起使用意味着，如果元素具有给定的类（或属于给定的类型） _并且_是其同级中的第一个元素，则选择该元素。 不幸的是，CSS没有提供仅选择类的首次出现的选择器。解决方法是，可以使
-
问题内容： 我正在尝试单击网页上的所有“喜欢”按钮。我知道如何单击其中之一，但我希望能够全部单击它们。它们具有相同的类名，但ID不同。 我是否需要创建某种列表，并告诉它单击列表中的每个项目？有没有写“全部单击”的方法？ 这是我的代码的样子（我删除了登录代码）： 我知道我无法单击列表，因为它不是单个对象，但是我不知道如何处理。 非常感谢您的帮助。 问题答案： 不幸的是，您只得到了两半，因为ID对于单
-
我是jQuery/js的新手，遇到了这样的问题：您可以运行我的代码，发现计数不正确： null null 我的HTML必须保持不变，我必须找到一些方法使jQuery在本例中工作，并且保持HTML结构不变。如果您对如何解决此问题有任何想法，请随时发表评论或分享代码想法。 我感谢您的帮助！
-
问题内容： 我已经知道：last-child。但是有没有一种方法可以选择div： 注意：没有jQuery，只有CSS 问题答案： 在CSS3中，您可以： 倒数第二个 浏览器支持： Chrome 2 Firefox 3.5 Opera 9.5、10 Safari 3.1、4 Internet Explorer 9