使用 CSS 选择器单击按钮的特定实例

Question

我有一个有多个提交按钮的网页。我想遍历它们并一个一个地点击它们。

我知道我可以像这样通过 xpath (//button[@class='submit'])[i]（其中 i = 循环编号）来做到这一点。

但我想知道是否可以通过 CSS 选择器来实现？

我试过button.submit，但它总是会点击第一个按钮，我希望能够循环播放。我也试过button.submit:first-child，但它似乎做同样的事情。

下面的和HTML差不多。

<div>
    <button class="submit" type="button"></button>
</div>
<div>
    <button class="submit" type="button"></button>
</div>
<div>
    <button class="submit" type="button"></button>
</div>

Answer 1

是的，你可以这样做：

如果您使用的是低于 8 的 Java 版本，请这样做：

List<WebElement> elements = driver.findElements(By.cssSelector("button.submit"));

WebElement confirm = driver.findElement(By.cssSelector("selector_for_confirm"));

for(WebElement element: elements){
     element.click();
     confirm.click();
}

如果你使用的是 Java 8 或更高版本，你可以这样尝试：

List<WebElement> elements = driver.findElements(By.cssSelector("button.submit"));

WebElement confirm = driver.findElement(By.cssSelector("selector_for_confirm"));

  elements.forEach(e->{
        e.click();
        confirm.click();
    });