Selenium css selector for button text and class

Question

HTML CODE LOOK LIKE:

<div class="style__ButtonList-kdrevq TBmPt"> <button class="sc-fjdhpX gKYhyw" style="margin-right: 5px; background-color: rgb(73, 101, 241);">Add Task</button> <button class="sc-fjdhpX bkXWNp" style="margin-right: 5px;">Download</button> <button class="sc-fjdhpX gKYhyw" style="color: rgb(255, 255, 255);"> </div> </div>

There are multiple buttons with the same class and type value. However, I need to click only 'Expand All' button using CSS selector I got the error message no element found.

Where is a button whose class name = Expand All? or what is it a id of control? — Prashant Pimpale
– Prashant Pimpale, Commented Dec 30, 2018 at 6:26

Atul Rajput · Accepted Answer · 2018-12-30 08:44:44Z

1

Your code is incomplete, So I am assuming here that the last button which has color: rgb(255, 255, 255); is the button you want to click. So you can use this.

$(document).ready(function() {
    var el = $('button[style^="color"]');
    if (el.length) {
        $(el).click(function() {
            alert("in place of this alert use your code");
        });
    }
});

or you can complete the code, or you can ask me if anything else is needed.

answered Dec 30, 2018 at 8:44

Atul Rajput

4,1962 gold badges14 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

Selenium css selector for button text and class

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related