Selenium - driver.find_element_by_css_selector can't find the element (python)

Question

I got a problem to use "find_element_by_css_selector" to get the element "Select" (a href).

I tried the methods below but all of them didn't work:

driver.find_element_by_css_selector("div.plan.right > a.select.").click()
driver.find_element_by_xpath("//div[@class='plan right']/div[2]/a/select").click()

Could anyone kindly give me some suggestions? Thanks!!

<div class="choose_plan">
   <h1>Sign up now for <strong>UNLIMITED</strong> access <br/>to all </h1>
   <div class="plans">
      <div class="plan left">
         <div class="head">
            <p>MONTHLY</p>
         </div>
         <div class="body">
            <p>annually</p>
         </div>
         <hr />
         <a href="/bbb?plan_id=6" class="select signup-dialog" data-planId="6" data-url="/users/new?r">SELECT</a>
      </div>
      <div class="plan right">
         <img alt="Popular-right" class="popular" src="/assetse8.png" />
         <div class="head">
            <p>14</p>
         </div>
         <div class="body">
            <p>Unlimited</p>
         </div>
         <hr />
         <a href="/account/purchase?plan_id=31" class="select signup-dialog" data-planId="31" data-url="/users/new?aaa">SELECT</a>
      </div>
   </div>
</div>

Can you please format your code. Is it the anchor tag (A) that you want selected? — e4c5
– e4c5, Commented Oct 1, 2015 at 2:14
Hi, e4c5, Ihave tried to format the code. Yes, I want to select "<a href="/bbb?plan_id=6" class="select signup-dialog" data-planId="6" data-url="/users/new?r">SELECT</a>" which under class "plan right". — betty
– betty, Commented Oct 1, 2015 at 2:33
Because of I have another a href link under class "plan left", there are two "select", so, how do link_text() to figure out to click the one I want? — betty
– betty, Commented Oct 1, 2015 at 2:39
Welcome to Stack Overflow! When you post HTML please take a minute to use a beautifier like jsbeautifier.org to properly format it. It makes it a LOT easier to read which makes your question more likely to get answered. Thanks! — JeffC
– JeffC, Commented Oct 6, 2015 at 1:00

JeffC · Accepted Answer · 2015-10-06 01:03:57Z

5

I know you already have an answer but there's a simple alternative that may be helpful in the future. From the HTML you provided, it looks like the data-planId attribute is unique for each A tag. You can take advantage of that using the code below.

driver.find_element_by_css_selector("a[data-planId='31']")

See this CSS Selector reference for more info.

answered Oct 6, 2015 at 1:03

JeffC

26.4k5 gold badges35 silver badges57 bronze badges

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

Comments

Thane Plummer · Accepted Answer · 2015-10-01 02:58:02Z

1

It would help to have well formed HTML, as line 15 (<div class="choose_plan">) appears to be unclosed. This solution below was done with this line removed, but the rest of the HTML as shown. You can test online XPath here.

driver.find_element_by_xpath("//div[@class='plan right']/a").click()

yields the following:

Element='<a href="/account/purchase?plan_id=31" class="select signup-dialog" data-planId="31" data-url="/users/new?aaa">SELECT</a>'

answered Oct 1, 2015 at 2:58

Thane Plummer

10.9k3 gold badges28 silver badges31 bronze badges

3 Comments

betty Over a year ago

Hi Thane, driver.find_element_by_xpath("//div[@class='plan right']/a").click() is working! Thank you very much! And the link online XPath is very useful!

Thane Plummer Over a year ago

@betty Glad to help Betty. That link has saved me lots of time in figuring out XPath queries.

user6315578 Over a year ago

sorry may i know this : Element='<a href="/account/purchase?plan_id=31" class="select signup-dialog" data-planId="31" data-url="/users/new?aaa">SELECT</a>' Whether i need to insert this in my code?

alecxe · Accepted Answer · 2015-10-01 04:09:40Z

1

I would try to make it simple:

driver.find_element_by_css_selector("div.right a.select")

Or:

driver.find_elements_by_link_text("SELECT")[-1]

Here we are basically getting the last a element having SELECT text.

answered Oct 1, 2015 at 4:09

alecxe

476k127 gold badges1.1k silver badges1.2k bronze badges

2 Comments

betty Over a year ago

Hi alecxe, I tried the two methods and they didn't work after I tested. Since I got the answer from Thane, I'd like to thank you for spending time for my question.

alecxe Over a year ago

@betty interesting. Still don't see why the other answer worked and the options here didn't. Anyway, glad to see the problem solved!

Collectives™ on Stack Overflow

Selenium - driver.find_element_by_css_selector can't find the element (python)

3 Answers 3

Comments

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related