Select a specific element to apply a CSS selector for a button

Question

Select a specific element to apply a CSS selector for a button

One of the challenges I am facing involves a webpage with multiple submit buttons. My goal is to iterate through each button and click on them one by one.

While I am aware that this can be achieved using xpath like this (//button[@class='submit'])[i] (where i = loop number).

I'm curious if it's possible to do so via CSS selector as well?

I attempted button.submit, but it always interacts with the first button, whereas I aim to cycle through all of them. I also experimented with button.submit:first-child, but experienced similar results.

The HTML structure resembles the following:

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

java html css selenium css-selectors

Answer 1

Answer №1

A possible solution to achieve this is the following approach:

For Java versions lower than 8, you can use the following code snippet:

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();
}

If you are using Java version 8 or higher, you may consider this alternative method:

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();
    });

Answer 2

A possible solution to achieve this is the following approach:

For Java versions lower than 8, you can use the following code snippet:

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();
}

If you are using Java version 8 or higher, you may consider this alternative method:

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();
    });

Select a specific element to apply a CSS selector for a button

Answer №1

Similar questions

What is the process for extracting HTML content using the JavaScript executor?

Exclusive to Firefox: The left and right arrows will shift the entire page

Automate One-Time Password (OTP) entry with Appium and

Having difficulty extracting certain data from a website

How can I establish a wait condition in Selenium using Python to verify that none of the div elements contain an ID with a specific string?

Video player for Angular 2

Steps to enable overflow: 'scroll' for components generated dynamically

Using Jquery variables for calculations and they do not work with numerical values

Ensuring the Angular Material bottom sheet (popover) stays attached to the button

Modify the click function from <tr> to <td> tag

Transfer data from href link to specific detail page

I am looking for two divs or table cells to float alongside each other, with one set to display:inline and the other expanding to fill the remaining space of the row

Enhance your Bootstrap navigation menu with eye-catching hover effects

Adjusting the amount of rows and columns in a fluid manner with CSS grid (updated)

PHP-generated HTML often contains unnecessary and excessive indentation

Conceal the HTML input element until the JavaScript has finished loading

Using Python to extract data from this website

org.openqa.selenium.SessionNotCreatedException: Error occurred when attempting to launch Firefox version 37 using Selenium version 3.11.0 due to incompatible capabilities

Dynamically assigning column values based on object properties

Three-handled slider