如何单击span标签内的元素？ -硒

Question

嗨，我想在Java的Selenium Webdriver中单击带有文本“€11”的特定按钮。

按钮位于此格式内，页面上还有另一个按钮，其代码完全相同，但价格不同：

<button type="button" class="bui-button bui-spacer--medium bui-button--primary bui-button--wide">
<span class="bui-button__text">€11</span>
</button>

我该怎么做。任何帮助表示赞赏：）

Full CSS

Answer 1

您可以使用的一些选项：

driver.findElement(By.xpath("//span[contains(text(),'€11')]")).click();

点击第一个按钮，使用此按钮：

driver.findElement(By.xpath("(//span[@class='bui-button__text'])[1]")).click();

单击第二个按钮，使用此按钮：

driver.findElement(By.xpath("(//span[@class='bui-button__text'])[2]")).click();

注意：如果加载量有任何延迟，请使用wait's

Answer 2

我知道一些有帮助的方式

javascript：

document.querySelector("span.bui-button__text").click()

jquery：

$("body > button > span").click()

硒（Java）：

driver.findelement(By.cssSelector("button[class='bui-button bui-spacer--medium bui-button--primary bui-button--wide']").click()

我希望他们能帮助您！