XPath相对定位：查找前一个兄弟节点或关联元素

在使用XPath进行元素定位时，我们经常会遇到需要定位某个元素的相邻节点、兄弟节点或者关联元素的情况，此时相对定位的方式就能发挥很大作用。其中查找前一个兄弟节点是相对定位的常见场景，下面我们就结合实际案例来了解具体的实现方法。

核心轴定位：preceding-sibling

要查找目标元素的前一个兄弟节点，最常用的是XPath的preceding-sibling轴。这个轴的作用是选取当前节点之前的所有同级节点，我们可以结合节点名称和索引来精准定位到目标的前一个兄弟节点。

比如有如下HTML结构，我们需要根据文本为“目标节点”的<li>元素，找到它前面的兄弟节点：

<ul class="list">
  <li>第一个节点</li>
  <li>第二个节点</li>
  <li>目标节点</li>
  <li>第四个节点</li>
</ul>

如果我们已经定位到了文本为“目标节点”的<li>元素，想要找到它前面的兄弟节点“第二个节点”，可以使用如下XPath表达式：

//li[text()='目标节点']/preceding-sibling::li[1]

这里的逻辑是：先通过//li[text()='目标节点']定位到目标<li>元素，然后使用preceding-sibling::li找到该元素前面所有的同级<li>节点，最后通过[1]索引选取离它最近的前一个兄弟节点。注意XPath的索引是从1开始计数的，所以[1]表示第一个匹配的节点。

查找多个前一个兄弟节点

如果需要查找目标节点前面所有的兄弟节点，只需要去掉索引即可，比如下面的表达式会返回目标节点前面所有的<li>兄弟节点：

//li[text()='目标节点']/preceding-sibling::li

如果需要查找前面第二个兄弟节点，只需要把索引改成2：

//li[text()='目标节点']/preceding-sibling::li[2]

对应上面的HTML结构，这个表达式会匹配到“第一个节点”。

结合其他属性定位关联元素

在实际测试中，我们可能还会遇到需要结合其他属性过滤前一个兄弟节点的情况。比如下面的HTML结构中，前一个兄弟节点有不同的class属性，我们需要根据class来找到特定节点：

<div class="container">
  <span class="tag">标签1</span>
  <span class="tag active">标签2</span>
  <input type="text" id="target-input" placeholder="请输入内容">
</div>

如果我们已经定位到了id为“target-input”的<input>元素，想要找到它前面class包含“active”的<span>节点，可以使用如下XPath：

//input[@id='target-input']/preceding-sibling::span[contains(@class,'active')]

这里preceding-sibling::span表示查找前面所有的同级<span>节点，contains(@class,'active')是过滤条件，只匹配class属性中包含“active”的节点，这样就能精准定位到“标签2”这个元素。

注意事项

• preceding-sibling轴只能查找同级的前面节点，如果目标节点没有同级的前面节点，表达式会返回空结果。
• 索引的范围是匹配到的所有同级节点，按从近到远的顺序排列，[1]是离目标最近的节点，[2]是次近的，以此类推。
• 如果需要查找后面的兄弟节点，可以使用following-sibling轴，用法和preceding-sibling类似，只是顺序是从近到远往后排列。

掌握XPath的相对定位尤其是兄弟节点的查找方法，能够帮助我们应对很多复杂的元素定位场景，减少因为页面结构微调导致的定位失败问题，提升自动化脚本的稳定性。

XPath相对定位preceding-sibling兄弟节点查找XPath轴自动化测试定位 本作品最后修改时间：2026-05-22 13:57:15