Selenium Python - Finding div containing two specific elements

Question

I'm building a python script using selenium, and have ran into a quite confusing problem.

The website lists products using a name, which is not unique, and a color, which is not unique either. The color and name elements have the same parent.

My script gets user input on which product he wants the script to buy for him, and which color.

The problem: I can't for the life of me figure out how to select the right product using the two variables productName and productColor.

DOM:

<div class="inner-article">
  <h1>
    <a class="product-name">Silk Shirt</a>
  </h1>
  <p>
    <a class="product-color">Black</a>
  </p>
</div>

What i've tried so far: Obviously, selecting the first product named Silk Shirt on the page is quite easy. I considered selecting the first product, then selecting that products parent, selecting that elements parent, then selecting that parents second child, checking if it was black, and proceeding, but CSS doesn't have a parent selector.

How would i go about doing this?

John Gordon · Accepted Answer · 2016-08-29 16:35:09Z

1

Create a main loop that selects each div class="inner-article" element.

In the loop, look for elements that have an h1 child element and an a class=product-name grandchild element with text of "Silk Shirt", and a p child element and a a class=product-color grandchild element with text of "Black".

answered Aug 29, 2016 at 16:35

John Gordon

33.8k9 gold badges48 silver badges72 bronze badges

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

3 Comments

metadog Over a year ago

Thanks, good idea. It's very important that the script runs as fast as possible. Do you think that this will slow the script down more than a second or two?

John Gordon Over a year ago

No, I wouldn't think so. (But.. how many products will be on a page?)

metadog Over a year ago

20 to 30, so it hopefully won't be a problem. Thanks a ton for taking the time to help me!

Adam Funderburg · Accepted Answer · 2016-08-31 16:16:57Z

0

Perhaps try searching using xpath. The xpath below will return the div element that contains the product and color you desire.

driver.find_element_by_xpath('//div[@class="inner-article"][.//a[@class="product-name"][.="Silk Shirt"]][.//a[@class="product-color"][.="Black"]]')

To make it reusable:

def select_product(name, color):
    return driver.find_element_by_xpath('//div[@class="inner-article"][.//a[@class="product-name"][.="{product_name}"]][.//a[@class="product-color"][.="{product_color}"]]'.format(product_name=name, product_color=color))

answered Aug 31, 2016 at 16:16

Adam Funderburg

4063 silver badges6 bronze badges

Collectives™ on Stack Overflow

Selenium Python - Finding div containing two specific elements

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related