用parent::轴或..简写配合谓词可精准选取父节点为特定元素的子节点;语法如//span[parent::div]或//img[../h2],仅匹配直接父节点,不跨级,需避免混淆后代轴ancestor::或反向路径//div/span。

用 parent:: 轴或简写 .. 配合谓词,就能选中“父节点是特定元素”的子节点。
用 parent:: 轴明确限定父节点类型
这是最清晰、语义最准确的方式。语法为:子节点表达式[parent::父元素名]。
-
//span[parent::div]:选择所有父节点是<div>的<span>元素 -
//input[parent::form]:只匹配直接嵌套在<form>内的<input>,不包括嵌套在<div>再嵌套在<form>中的 - 支持带属性的父节点,比如
//button[parent::div[@class="toolbar"]]
用 .. 简写 + 条件判断(更简洁)
.. 是 parent::node() 的简写,可配合谓词使用:
-
//img[../h2]:选中父节点是<h2>的<img> -
//a[../@id="nav"]/text():获取父节点有id="nav"的所有<a>的文本 - 注意:
..只代表直接父节点,不能跨级
避免常见误区
容易混淆的是用 ancestor:: 或错误路径写法:
- ❌
//div//span:这是后代关系(descendant-or-self),不是直接父子;可能匹配多层嵌套下的<span> - ❌
//div/span:这选的是<div>的子<span>,方向反了(你要的是“被 div 包着的 span”,不是“div 下面的 span”) - ✅ 正确思路永远是:先写目标节点,再用
[parent::...]或[../...]加条件约束它的父节点
基本上就这些。关键不是记轴名,而是抓住“我要什么节点 → 它的父节点要满足什么条件”这个逻辑链。










