17370845950

本文介绍如何用单条 xpath 表达式实现“优先匹配某条件，若无结果则回退到另一条件”的逻辑，避免 javascript 多次调用 `document.evaluate`，提升简洁性与性能。

在 XPath 中，要实现“先尝试匹配 //*[@selected]/@value，若无结果再取 //text() 的第一个匹配项”，关键在于理解 文档顺序（document order） 与 节点集合并与截取 的行为。

最简洁、标准且兼容性良好的写法是：

(//*[@selected]/@value | //text())[1]

✅ 原理说明：

• | 运算符在 XPath 1.0+ 中用于并集（union），它会将左右两个节点集合并，并按文档顺序去重排序；
• 外层 [1] 表示取合并后结果中的第一个节点（即整个文档中位置最靠前的匹配项）；
• 因此，若存在带 selected 属性的元素且其有 value 属性，则 //*[@selected]/@value 产生的属性节点会出现在 //text() 节点之前（只要该元素位于任意文本节点之前），自然被优先选中；反之，若无匹配的 @value，则第一个 //text() 节点将作为最终结果。

⚠️ 注意事项：

• 此方案依赖「文档顺序」，而非「条件优先级」。若你希望严格按逻辑顺序回退（例如：即使某个 //text() 出现在 DOM 更前面，也必须先检查 @value 是否存在），XPath 1.0 本身不支持短路逻辑，此时需借助脚本（如原问题中的 JS 判断）。但绝大多数场景下，(A|B)[1] 已足够符合“优先 A，无则取 B”的语义。
• //text() 匹配所有文本节点（包括空白、换行等），实际使用时建议限定上下文（如 //div//text()[normalize-space()]）以提高准确性。
• 若需支持更复杂的多级回退（如 A → B → C），XPath 2.0+ 可用序列构造器配合 ? 或 if-then-else，而 XPath 3.1（如 SaxonJS）支持 (A, B, C)[1] 形式，自动跳过空序列项——更接近编程语言的“首非空”语义。

✅ 推荐封装（JavaScript 一行调用）：

function xpathFirst(path) {
  const result = document.evaluate(
    path,
    document,
    null,
    XPathResult.FIRST_ORDERED_NODE_TYPE,
    null
  );
  return result.singleNodeValue?.nodeValue || result.singleNodeValue?.value || null;
}

// 使用示例：
const value = xpathFirst('(//*[@selected]/@value | //text())[1]');

总结：用 (A | B)[1] 是 XPath 实现轻量级条件回退的标准实践，兼顾简洁性、可读性与浏览器兼容性（原生支持 XPath 1.0）。当业务逻辑复杂度上升时，再考虑升级至 XPath 3.1 或辅以脚本控制流。