Click on particular instance for a button using CSS selector

Question

I have a webpage which has multiple submit buttons. I want to loop through them and click on each of them one by one.

I know I can do it via xpath like this (//button[@class='submit'])[i] (where i = loop number).

But I wanted to know if it's possible to do via CSS selector?

I've tried button.submit but it will always click on the first button and I want to be able to loop through. I've also tried button.submit:first-child but it seems to do the same thing.

The following is similar to what the HTML is like.

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

The loop isnt the issue. I need the css selector for my element. — Daredevi1
– Daredevi1, Commented Jul 23, 2020 at 20:19

Norayr Sargsyan · Accepted Answer · 2020-07-24 08:37:49Z

1

Yes, you can do this such way:

If you are using Java version less than 8 do this way:

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 8 or above, you can try this way:

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

edited Jul 24, 2020 at 8:37

answered Jul 24, 2020 at 6:30

Norayr Sargsyan

1,8721 gold badge16 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Daredevi1 Over a year ago

If I understand correctly this will click on each element one after the other. But what if after clicking each button there is a confirmation modal where you have to click confirm? For example you first click Submit, then you click confirm for each one.

Collectives™ on Stack Overflow

Click on particular instance for a button using CSS selector

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related