1

我正在尝试在页面上定位特定元素，但无法确定要使用的正确 Xpath。

这是 HTML（请注意，每个 div 的位置可能会有所不同）：

    <div>
     <label>First Name</label>
     <span class="metadataField metadataFieldReadonly">
      <input type="text" name="some-random-value" value="John">
     </span>
    </div>
    <div>
     <label>Last Name</label>
     <span class="metadataField metadataFieldReadonly">
      <input type="text" name="some-random-value" value="Smith">
     </span>
    </div>

所以我试图在具有 //div/label[text()='Last Name' 的同一 div 中找到 INPUT 元素，即 //div/span[@class='metadataField metadataFieldReadonly']/input ]

我可以成功地找到这个标签（使用 JAVA）：

    driver.findElement(By.xpath("//div/label[text()='Last Name']")).click();

我可以成功地找到第一个元素下的第一个输入（但我可能并不总是想要第一个元素）：

    driver.findElement(By.xpath("//div/span[@class='metadataField metadataFieldReadonly']/input")).click();

所以问题是（i）INPUT的名称标签和值总是不同的，因此它们不能用于选择元素，并且（ii）带有姓氏标签的div可能并不总是第二个，并且（ iii）标签和跨度是同一级别（兄弟姐妹），所以我无法弄清楚如何正确创建 Xpath 语句。

所以换句话说，我需要在同一个 div 中找到跨度的输入，该 div 中有一个带有“姓氏”的标签。

所以我需要知道如何将这两个 XPath 语句组合成一个复杂的语句（假设它们在同一个 div 中并且 label 和 span 是兄弟）：

    //div/label[text()='Last Name']
    //div/span[@class='metadataField metadataFieldReadonly']/input

谢谢

4

1 回答 1

6

这非常简单：//div[label[text()='Last Name']]/span[@class='metadataField metadataFieldReadonly']/input- 从字面上看，“包含input在span其中的类metadataField和metadataFieldReadonly包含在div包含label文本‘姓氏’的类中”。因此，您使用标签来定位 div，然后从它构建到您想要的输入。

为了更健壮，你不应该指望类名的顺序——规范不能保证这一点。所以像这样的东西会更强大：//div[label[text()='Last Name']]/span[contains(concat(' ', @class,' '),' metadataField ') and contains(concat(' ',@class,' '),' metadataFieldReadonly ')]/input.

于 2013-10-20T01:14:10.447 回答