在网页自动化测试、数据爬取等场景中，我们经常会遇到目标元素没有明确的id、class等唯一属性，无法直接定位的情况。这时候借助相邻元素的关系来定位就成了常用思路，XPath的先行兄弟轴就是用来处理这类同级元素前后关系的核心语法。
什么是XPath先行兄弟轴
XPath中的轴（axis）用来定义节点之间的树形关系，先行兄弟轴（preceding-sibling）的作用是选择当前节点之前的所有同级兄弟节点，这些节点和当前节点拥有相同的父节点，且出现在当前节点的前面。
它的基本语法格式为：
<!-- 选择当前节点之前的所有同级兄弟节点 --> 当前节点/preceding-sibling::节点类型 <!-- 选择当前节点之前的第n个同级兄弟节点 --> 当前节点/preceding-sibling::节点类型[位置索引]
需要注意位置索引是从1开始计数的，越靠近当前节点的兄弟节点索引值越小，比如紧邻当前节点前面的兄弟节点索引是1，再前面的是2，以此类推。
先行兄弟轴的实际应用示例
我们先准备一段简单的HTML结构作为示例，模拟常见的表单场景：
<div class="form-group"> <label>用户名</label> <input type="text" name="username" /> <span class="tip">请输入4-16位字符</span> </div> <div class="form-group"> <label>密码</label> <input type="password" name="password" /> <span class="tip">请输入6位以上密码</span> </div>
场景1：通过标签文本定位对应的输入框
如果我们想定位“密码”标签对应的输入框，但是输入框没有唯一属性，就可以先找到文本为“密码”的label</code>节点，再通过先行兄弟轴找到它后面的输入框：
<!-- 先定位文本为密码的label，再找它后面的input兄弟节点 --> //label[text()="密码"]/following-sibling::input[1]
这里补充一个反向场景，如果我们要通过输入框定位它前面的标签，就可以用先行兄弟轴：
<!-- 定位name为password的input，找它前面的label兄弟节点 --> //input[@name="password"]/preceding-sibling::label[1]
场景2：定位特定提示文本对应的输入框
假设我们要找到提示文本为“请输入6位以上密码”的span</code>节点对应的输入框，同样可以用先行兄弟轴：
<!-- 先找到提示文本的span，再找它前面的input兄弟节点 --> //span[text()="请输入6位以上密码"]/preceding-sibling::input[1]
使用先行兄弟轴的注意事项
- 先行兄弟轴只能选择同级节点，不能跨父节点选择，如果目标节点和参考节点父节点不同，需要先定位到共同的父节点再使用轴语法。
- 位置索引不要写错，紧邻当前节点前面的兄弟节点是[1]，不是[0]，XPath的索引都是从1开始的。
- 如果同级兄弟节点有多种类型，最好指定具体的节点类型，比如只找
input</code>或者label</code>，避免匹配到无关的节点。 - 当页面结构发生变化，比如新增了同级节点，可能会导致索引对应的节点发生变化，尽量结合节点的属性来缩小范围，减少结构变动带来的影响。
先行兄弟轴和后行兄弟轴的区别
和先行兄弟轴对应的是后行兄弟轴（following-sibling），前者选择当前节点之前的同级节点，后者选择当前节点之后的同级节点，两者使用语法类似，只是方向不同：
| 轴类型 | 作用 | 语法示例 |
|---|---|---|
| preceding-sibling | 选择当前节点之前的所有同级兄弟节点 | //input/preceding-sibling::label[1] |
| following-sibling | 选择当前节点之后的所有同级兄弟节点 | //label/following-sibling::input[1] |
掌握先行兄弟轴的使用，能让我们在元素定位时更加灵活，应对各种复杂的页面结构。实际使用中可以根据场景结合属性过滤、文本匹配等方法，让XPath表达式更加精准稳定。
XPath先行兄弟轴元素定位preceding-sibling修改时间：2026-05-27 01:09:27