Python Selenium点击第N个元素

Question

以下是检查的代码，当鼠标悬停在图片上时，我希望该图片被单击...

<ul id="product-list">

    <li class="product one-col new">
        <ul>
            <li class="image" title="sample image">
                <a href="#product/1d77e790-f74a-3859-97db-c513cbece39c">
                    <img width="" height="" alt="" src="/content/images/1.jpg"></img>
                    <span class="new"> … </span>
                    <span class="hover"></span>
                </a>
                <p class="retailer"> … </p>
                <p class="brand"></p>
            </li>
            <li class="price"> … </li>
            <li class="name" title="sample image"> … </li>
            <li class="first-seen"> … </li>
        </ul>
    </li>
    <li class="product one-col new"> … </li>
    <li class="product one-col new"> … </li>
    <li class="product one-col new"> … </li>

我正在使用Python Selenium，并尝试通过以下方法单击悬停链接的标签。

browser.find_element_by_css_selector("ul#product-list > :first-child > ul > li.image > a > span.hover ").click

然而这并不起作用...有什么想法吗？

更新:

browser.find_element_by_css_selector("ul#product-list > :first-child > ul > li.image > a > span.hover ").click()


 File "/usr/lib/python2.7/site-packages/selenium-2.35.0-py2.7.egg/selenium/webdriver/remote/errorhandler.py", line 164, in check_response
    raise exception_class(message, screen, stacktrace)
ElementNotVisibleException: Message: u'Element is not currently visible and so may not be interacted with' ; Stacktrace: 
    at fxdriver.preconditions.visible (file:///tmp/tmp6Pgi9F/extensions/[e-mail]/components/command_processor.js:8231)
    at DelayedCommand.prototype.checkPreconditions_ (file:///tmp/tmp6Pgi9F/extensions/[e-mail]/components/command_processor.js:10823)
    at DelayedCommand.prototype.executeInternal_/h (file:///tmp/tmp6Pgi9F/extensions/[e-mail]/components/command_processor.js:10840)
    at DelayedCommand.prototype.executeInternal_ (file:///tmp/tmp6Pgi9F/extensions/[e-mail]/components/command_processor.js:10845)
    at DelayedCommand.prototype.execute/< (file:///tmp/tmp6Pgi9F/extensions/[e-mail]/components/command_processor.js:10787) 

更新：

这种方法也无法解决问题...

browser.find_element_by_css_selector("ul#product-list > :first-child > ul > li.image > a ").click()

更新:

也尝试了ActionChains，鼠标点击...依然没有成功。

element = browser.find_element_by_css_selector("ul#product-list > :first-child > ul > li.image")
    hov = ActionChains(browser).move_to_element(element)
    hov.click()

问题已解决： 最终这个方法起作用了...

element_to_hover_over = driver.find_element_by_css_selector("ul#product-list > :first-child ")
hover = ActionChains(driver).move_to_element(element_to_hover_over)
hover.perform()
if "" == driver.find_element_by_css_selector("span.hover").text:
    driver.find_element_by_css_selector("span.hover").click()

- krisdigitx

---

在你的解决方案中，hover（变量名）是后面被称为“span.hover”的那个吗？ - fartagaintuxedo

不是的，第一个hover是一个变量，第二个是span标签的类名。 - krisdigitx

Answer 1

你的代码缺少()。没有()，click方法不会被调用。

browser.find_element_by_css_selector("ul...span.hover ").click()
#                                                             ^^

---

element = browser.find_element_by_css_selector("ul#product-list > :first-child > ul > li.image > a > span.hover ")
browser.execute_script("arguments[0].innerText = 'asdf';", element)
element.click()

- falsetru

---

谢谢，现在我明白了... ElementNotVisibleException: Message: u'元素当前不可见，因此无法进行交互'; Stacktrace: - krisdigitx

@krisdigitx，该元素不包含任何文本。如果我向该元素添加一些文本，则它可以正常工作。 - falsetru

@krisdigitx，新的 HTML 源代码中没有包含该元素。 ?? - falsetru

是的，我认为它是动态的。 - krisdigitx

直接点击 href 而不是 span（hover）怎么样？ - krisdigitx

Answer 2

这个可行：

element_to_hover_over = driver.find_element_by_css_selector("ul#product-list > :first-child ")
hover = ActionChains(driver).move_to_element(element_to_hover_over)
hover.perform()
if "" == driver.find_element_by_css_selector("span.hover").text:
    driver.find_element_by_css_selector("span.hover").click()

- krisdigitx