xpath - selenium webdriver 中的高级导航

Question

我有以下 HTML

  <div id="element1">welcome</div>
  <div>username</div>

现在的问题是，我必须选择“element1”旁边的下一个 div 元素。我知道，我可以从他们的父级构建 xpath。但我需要选择一个非常靠近元素的元素。怎么可能？

Answer 1

使用 the following-sibling axis .

这将选择所有兄弟 <div> element1 之后的元素节点:

id('element1')/following-sibling::div

这将选择第一个兄弟 <div> element1 之后的元素节点:

id('element1')/following-sibling::div[1]

这将选择 element1 之后的第一个兄弟节点节点如果它是 <div>元素:

id('element1')/following-sibling::*[1][local-name(.)='div']

所有这三个示例都将选择您的元素(如果有更多匹配，可能还会选择更多)，因此请选择最适合您意图的元素。

请注意，您可以使用 a simple CSS selector 完成所有这些操作。 ， 也。它相当于最后一个 XPath。而且会更快。

#element1 + div