Python Selenium xPath select from div class a rel

Question

<div class='into'>
    <div class="state  " rel="AA" style="width:80px;">AA (1028)</div>
    <div class="state  " rel="BB" style="width:80px;">BB (307)</div>
</div>

I'd like to select one of elements rel="AA" or rel="BB" to click on it, tried several ways. The most usable idea was:

browser.find_element_by_xpath("//div[@class='into']/[text()='AA']").click()

However there is a number after the text what is various.

browser.find_element_by_xpath("//div[@class='into']/[rel='AA']").click()

And this not works.

Answer 1

Use the following xpath

browser.find_element_by_xpath(".//div[@class='into']/div[@rel='CA']").click()

Also can use normalize-space method to omit the spaces in your class name like below -

browser.find_element_by_xpath(".//div[normalize-space(@class)='state'][@rel='AA']").click()

Answer 2

If you want to use your example with text() then you could use either of the following:

browser.find_element_by_xpath("//div[@class='into']/div[contains(text(), 'AA')]").click()

or

browser.find_element_by_xpath("//div[@class='into']/div[starts-with(text(), 'AA')]").click()

otherwise use the answer given by @lauda and use @rel to declare it as an attribute

Answer 3

如果您需要XPath匹配具有rel="AA"或rel="BB"属性的元素之一（以防其中之一可能不在页面上），请尝试以下操作：

browser.find_element_by_xpath("//div[@class='into']/div[@rel="AA" or @rel="BB"]").click()