Selecting an element by tag name with specific text in Selenium

Question

I have this HTML

<div class="callout callout-accordion" style="background-image: url(&quot;/images/expand.png&quot;);">
    <span class="edit" data-pk="bandwidth_bar">Bandwidth Settings</span>
    <span class="telnet-arrow"></span>
</div>

I'm trying to select span with text = Bandwidth Settings, and click on the div with class name = callout.

if driver.find_element_by_tag_name("span") == ("Bandwidth Settings"):
    print "Found"
    time.sleep(100)
    driver.find_element_by_tag_name("div").find_element_by_class_name("callout").click()

print "Not found"
time.sleep(100)

I kept getting

Testing started at 1:59 PM ...
Not found

Process finished with exit code 0

What did I miss?

Select the parent div

    if driver.find_element_by_xpath("//span[text()='Bandwidth Settings']") is None:
        print "Not Found"
    else:
        print "Found"
        span = driver.find_element_by_xpath("//span[text()='Bandwidth Settings']")
        div = span.find_element_by_xpath('..')
        div.click()

I got

WebDriverException: Message: unknown error: Element

driver.find_element_by_tag_name("span") will find more than one element — Tony Dong, Feb 16 '17 at 19:09
Ohh. I see. How can I select a span with a `text == 'string'` ? — code-8, Feb 16 '17 at 19:10
Please try use class instead of span driver.FindElement(By.ClassName("Edit")).Text — Tony Dong, Feb 16 '17 at 19:13
I got this `AttributeError: 'WebDriver' object has no attribute 'FindElement'` - what do I need to import to use that ? — code-8, Feb 16 '17 at 19:26

score 2 · Accepted Answer · edited Nov 14 '22 at 18:52

2

One way would be to use find_element_by_xpath(xpath) like this:

if driver.find_element_by_xpath("//span[contains(.,'Bandwidth Settings')]") is None:
   print "Not found"
else:
   print "Found"
   ...

For an exact match (as you asked for in your comment), use "//span[text()='Bandwidth Settings']"

On your edited question, try one of these:

Locate directly (if there is no other matching element):

driver.find_element_by_css_selector("div[style*='/images/telenet/expand.png']")

Locate via span (provided there isn't any other div on that level):

driver.find_element_by_xpath("//span[contains(.,'Bandwidth Settings')]/../div")

edited Nov 14 '22 at 18:52

Peter Mortensen

30,738
21
105
131

answered Feb 16 '17 at 19:49

Würgspaß

4,660
2
25
41

How do select the parent div of that ?? – code-8 Feb 16 '17 at 20:24
I've tried `driver.find_element_by_css_selector("div.callout").click()` , it click on the first one it found :( – code-8 Feb 16 '17 at 20:25
All `find_element`methods are designed to return the _first_ element that matches. So you should use them, if you have a _unique_ locator (or you do not care for the rest of the mathcing elements on page). Alternatively, you can use the `find_elements` methods (notice the plural) which return a list of all matching `WebElement` objects. You can then iterate that list. But I am not so much into python to give you a syntactically correct example right away. – Würgspaß Feb 16 '17 at 20:36
I've tried `if driver.find_element_by_xpath("//span[text()='Bandwidth Settings']") is None: print "Not Found" else : print "Found" span = driver.find_element_by_xpath("//span[text()='Bandwidth Settings']") div = span.find_element_by_xpath('..') div.click()` – code-8 Feb 16 '17 at 20:40
@Würgspaß, wrong! `span=driver.find_element_...(...)` `span.find_element_...(...)` is correct syntax – Andersson Feb 16 '17 at 21:03
From [a comment](https://stackoverflow.com/questions/30002313/selenium-finding-elements-by-class-name-in-python#comment128785684_30025430): *"`find_element_by_*` and `find_elements_by_*` are removed in Selenium 4.3.0. Use `find_element` instead."*. – Peter Mortensen Nov 10 '22 at 19:28

score 0 · Answer 2 · edited Nov 14 '22 at 18:46

0

The code that you need to use:

from selenium.common.exceptions import NoSuchElementException

try:
    span = driver.find_element_by_xpath('//span[text()="Bandwidth Settings"]')
    print "Found"
except NoSuchElementException:
    print "Not found"

If you need to select the parent div element:

div = span.find_element_by_xpath('./parent::div')

edited Nov 14 '22 at 18:46

Peter Mortensen

30,738
21
105
131

answered Feb 16 '17 at 21:06

Andersson

51,635
17
77
129

score 0 · Answer 3 · edited Nov 14 '22 at 18:59

0

If you have sizzle on the page (jQuery) you can select spans by their text like so:

$("span:contains('Bandwidth Settings')")

Which would be selected like so using the C# bindings:

By.CssSelector("span:contains('Bandwidth Settings')")

edited Nov 14 '22 at 18:59

Peter Mortensen

30,738
21
105
131

answered Aug 02 '17 at 18:57

jacobvoller.com

476
7
28

What is "sizzle"? – Peter Mortensen Nov 10 '22 at 19:29

Selecting an element by tag name with specific text in Selenium

Select the parent div

3 Answers3