如何点击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>

我该怎么做 任何帮助表示赞赏:)

完整的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();

注意：如果您的装载量有任何延迟，请使用等待

Answer 2

我知道一些可能有所帮助的方法

JavaScript的：

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

jQuery的：

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

Selenium（Java）：

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

我希望他们能帮到你！