17370845950

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

用 parent:: 轴或简写 .. 配合谓词，就能选中“父节点是特定元素”的子节点。

用 parent:: 轴明确限定父节点类型

这是最清晰、语义最准确的方式。语法为：子节点表达式[parent::父元素名]。

• //span[parent::div]：选择所有父节点是 的 元素
• //input[parent::form]：只匹配直接嵌套在
  内的 ，不包括嵌套在 再嵌套在
  中的
• 支持带属性的父节点，比如 //button[parent::div[@class="toolbar"]]

用 .. 简写 + 条件判断（更简洁）

.. 是 parent::node() 的简写，可配合谓词使用：

• //img[../h2]：选中父节点是
  的
• //a[../@id="nav"]/text()：获取父节点有 id="nav" 的所有 的文本
• 注意：.. 只代表直接父节点，不能跨级

避免常见误区

容易混淆的是用 ancestor:: 或错误路径写法：

• ❌ //div//span：这是后代关系（descendant-or-self），不是直接父子；可能匹配多层嵌套下的
• ❌ //div/span：这选的是 的子 ，方向反了（你要的是“被 div 包着的 span”，不是“div 下面的 span”）
• ✅ 正确思路永远是：先写目标节点，再用 [parent::...] 或 [../...] 加条件约束它的父节点

基本上就这些。关键不是记轴名，而是抓住“我要什么节点 → 它的父节点要满足什么条件”这个逻辑链。