如何点击 span 标签内的元素?-硒

Question

嗨，我正在尝试在 Java 中的 selenium 网络驱动程序中单击带有文本"€11"的特定按钮。

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

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

我该怎么做。任何帮助都值得赞赏:)

完整版 CSS

Answer 1

我知道一些可以提供帮助的方法

JavaScript：

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

jquery：

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

硒(爪哇(：

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

我希望他们能帮助你！

Answer 2

您可以使用

一些选项：

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();

注意：如果您在加载金额方面有任何延迟，请使用等待