Selenium javascript webdriver how to use findElements

Question

Want to click on third li from second ul:

   <ul id="select-123" style="width: 1180px; display: none;">
   <li class="" style="display:none;">
   <li class="">
   <li class="">
   <li class="">
   </ul>

   <ul id="select-123" style="width: 1180px; display: none;">
   <li class="" style="display:none;">
   <li class="">
   <li class="">
   <li class="">
   </ul>

Code I am trying is to select third li from second ul which does not work:

    driver.findElements(By.css(ul[id*='select-123'])).then(function(elems) {
    elems[2].then(function(lis) {
    driver.findElement(By.css("ul[id*='select-123'] li:nth-child(3)")).click();
    });
    });

you have two elements with the same id, id's should be unique — Quince
– Quince, Commented Aug 2, 2016 at 13:08

Andersson · Accepted Answer · 2016-08-02 13:17:36Z

1

Try to use XPath:

driver.findElement(By.xpath('//ul[2]/li[3]'))

answered Aug 2, 2016 at 13:17

Andersson

52.8k18 gold badges83 silver badges132 bronze badges

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

Comments

Dylan Meeus · Accepted Answer · 2016-08-02 13:21:34Z

1

In addition to the answer by @Andersson you also have made the mistake of having two IDs. In HTML, IDs should be unique. Simply having a unique ID would have avoided this in the first place, but if you do not have control over the HTML, and someone else wrote bad HTML, the XPath solution of Andersson would be good.

answered Aug 2, 2016 at 13:21

Dylan Meeus

5,8303 gold badges33 silver badges49 bronze badges

Comments

Saurabh Gaur · Accepted Answer · 2016-08-02 14:06:53Z

1

Actually you are finding elements as a list then you are using second ul element from the list, but when you are going to find child element of second ul element, you are providing driver.findElement which will find from whole page, so instead of this you need to find element on second ul element context as below :-

driver.findElements(By.css(ul[id*='select-123'])).then(function(elems) {
    elems[2].then(function(lis) {
      lis.findElement(By.css("ul[id*='select-123'] li:nth-child(3)")).click();
    });
});

Hope it works..:)

answered Aug 2, 2016 at 14:06

Saurabh Gaur

23.9k11 gold badges56 silver badges74 bronze badges

Collectives™ on Stack Overflow

Selenium javascript webdriver how to use findElements

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related