如果两个类具有相同的类名，如何引用第二个类名 - 使用 selenium webdriver

Posted 2023-03-16

【中文标题】如果两个类具有相同的类名，如何引用第二个类名 - 使用 selenium webdriver

【英文标题】：How to refer second classname if two classes have same classname - using selenium webdriver

【发布时间】：2016-07-11 02:53:48

【问题描述】：

我想从第二个“109-top-dark-grey-block ng-binding”类中获取文本（现在为空，但将来会获取一些文本，所以现在打印空应该没问题）。试过 tabIndex 和 nth-child 都不起作用。 "

<div class="122-top-section-btm-half">
    <div class="108-top-grey-m12x3"></div>
    <div class="109-top-dark-grey-block ng-binding">ab ab xyz</div>
</div>

" "

<div class="d122-top-section-btm-half">
    <div class="108-top-grey-m12x4"></div>
    <div class="109-top-dark-grey-block ng-binding"></div>

"

【参考方案1】：

更新

要获取第二个 div 块的文本，nth-child 应该可以工作。我在 chrome 工具中本地测试了选择器：

所以在你的 Java 中：

String elementText = driver.findElement(By.cssSelector(".d122-top-section-btm-half:nth-child(2) .ng-binding")).getText();

应该做到这一点 - 作为CSS spec says nth-child is 1 indexed - 而不是 0 - 所以它是第二个孩子。

旧答案

根据您提供的 html sn-p，您可以使用 CSS 选择器。所以你可以这样做：

String elementText = driver.findElement(By.cssSelector(".d122-top-section-btm-half .109-top-dark-grey-block")).getText();

或者如果你只是在你的第一个 div 中带有 ng-binding 的元素之后，那么它会更干净：

String elementText = driver.findElement(By.cssSelector(".d122-top-section-btm-half .ng-binding")).getText();

两者都会返回元素文本 - 也许看看 CSS Selectors Guide 以了解更多信息。

【讨论】：

感谢汤姆的回复。我正在寻找一种方法来引用第二个“109-top-dark-grey-block ng-binding"> 类。正如我之前提到的，我有两次相同的层次结构，我应该引用第二个类名而不是第一个。

嘿-我已经更新了答案，希望对您有所帮助。如果不是，我唯一的其他建议可能是您的驱动程序不在您认为的页面部分。

谢谢汤姆。是的，层次结构在顶部有另一个类。我采用了唯一指标并按照您的建议实施了更改。搞定了！！