Selenium Finding elements by class name in python

Question

How can I filter elements that have the same class?

<html>
  <body>
    <p class="content">Link1.</p>
  </body>
</html>
<html>
  <body>
    <p class="content">Link2.</p>
  </body>
</html>

Is there anything (a code) you tried already? As you are new, please read our [Tour page](http://stackoverflow.com/tour) and especially [How do I ask a good question?](http://stackoverflow.com/help/how-to-ask). — ZygD, May 02 '15 at 12:33
Also you html code is not good formatted. You don't close tag. — Eugene, May 02 '15 at 14:54
What are you going to do with the selected element? What criteria are you hoping to use? What have you already tried? — Richard, May 03 '15 at 02:50

LittlePanda · Answer 1 · 2020-10-23T03:48:20.587

88

You can try to get the list of all elements with class = "content" by using find_elements_by_class_name:

a = driver.find_elements_by_class_name("content")

Then you can click on the link that you are looking for.

edited Oct 23 '20 at 03:48

answered May 04 '15 at 08:08

LittlePanda

2,438
1
20
33

3

Does it return all elements of the class or the first found? – keerthan kumar May 14 '18 at 01:50
15

Why are you even initializing `a` as an empty list if you immediately reassign it? – user124384 Sep 08 '18 at 23:07
1

@keerthankumar this return list of all the elements. To get the 1st one use `find_element_by_class_name` – zvi Aug 08 '19 at 07:10
You don't need the semicolon at the end of python line of code. – raw-bin hood Jul 09 '20 at 00:02
Now how to click on the class name after selecting it? `.click()` attribute doesn't work! – Dagad Feb 13 '22 at 17:37

score 23 · Answer 2 · answered Aug 09 '20 at 17:45

As per the HTML:

<html>
    <body>
    <p class="content">Link1.</p>
    </body>
<html>
<html>
    <body>
    <p class="content">Link2.</p>
    </body>
<html>

Two(2) <p> elements are having the same class content.

So to filter the elements having the same class i.e. content and create a list you can use either of the following Locator Strategies:

Using class_name:

elements = driver.find_elements_by_class_name("content")

Using css_selector:

 elements = driver.find_elements_by_css_selector(".content")

Using xpath:

elements = driver.find_elements_by_xpath("//*[@class='content']")

Ideally, to click on the element you need to induce WebDriverWait for the visibility_of_all_elements_located() and you can use either of the following Locator Strategies:

Using CLASS_NAME:

elements = WebDriverWait(driver, 20).until(EC.visibility_of_all_elements_located((By.CLASS_NAME, "content")))

Using CSS_SELECTOR:

elements = WebDriverWait(driver, 20).until(EC.visibility_of_all_elements_located((By.CSS_SELECTOR, ".content")))

Using XPATH:

elements = WebDriverWait(driver, 20).until(EC.visibility_of_all_elements_located((By.XPATH, "//*[@class='content']")))

Note : You have to add the following imports :

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC

References

You can find a couple of relevant discussions in:

Neither class name nor css selector worked, no idea why, but xpath did, thanks a lot for that — Timeler, Jan 14 '21 at 10:01

ZygD · Answer 3 · 2020-06-17T07:48:54.680

16

By.CLASS_NAME was not yet mentioned:

from selenium.webdriver.common.by import By

driver.find_element(By.CLASS_NAME, "content")

This is the list of attributes which can be used as locators in By:

CLASS_NAME
CSS_SELECTOR
ID
LINK_TEXT
NAME
PARTIAL_LINK_TEXT
TAG_NAME
XPATH

edited Jun 17 '20 at 07:48

answered Jun 17 '20 at 07:40

ZygD

10,844
36
65
84

score 13 · Answer 4 · answered May 03 '15 at 08:28

Use nth-child, for example: http://www.w3schools.com/cssref/sel_nth-child.asp

driver.find_element(By.CSS_SELECTOR, 'p.content:nth-child(1)')

or http://www.w3schools.com/cssref/sel_firstchild.asp

driver.find_element(By.CSS_SELECTOR, 'p.content:first-child')

score 13 · Answer 5 · answered May 04 '15 at 07:49

13

The most simple way is to use find_element_by_class_name('class_name')

answered May 04 '15 at 07:49

wanderlust

1,726
1
20
23

Selenium Finding elements by class name in python

5 Answers5

References

Linked

Related