有没有更好的方法来获取 XPath 查询结果的父节点？

Question

有这样的标记：

<div class="foo">
   <div><span class="a1"></span><a href="...">...</a></div>
   <div><span class="a2"></span><a href="...">...</a></div>
   <div><span class="a1"></span>some text</div>
   <div><span class="a3"></span>some text</div>
</div>

如果相邻的 span 属于 a1 类，我有兴趣获取所有 <a> 和 some text 仅。因此，在整个代码的末尾，我的结果应该是来自第一个 div 的 <a> 和来自第三个的 some text。如果 <a> 和 some text 在 span 或 div 中会很容易有 class 属性，但没有运气。

我现在正在做的是寻找 span 和 a1 类：

//div[contains(@class,'foo')]/div/span[contains(@class,'a1')]

然后我得到它的父级并以该父级作为上下文节点执行另一个query()。这看起来远非高效，所以问题显然是是否有更好的方法来实现我的目标？

---

答案附录

根据@MarcB accepted answer，正确的查询是：

//div[contains(@class,'foo')]/div/span[contains(@class,'a1')]/..

但对于<a>，使用它可能会更好：

//div[contains(@class,'foo')]/div/span[contains(@class,'a1')]/../a

获取<a> 而不是它的容器。

Answer 1

xpath 查询的好处在于，您基本上可以将它们视为文件系统路径，因此只需拥有

//div[contains(@class,'foo')]/div/span[contains(@class,'a1')]/..
                                                              ^^

将找到所有低于 .foo 节点的 .a1 节点，然后向上移动一级到 a1 节点的父节点。

Answer 2

比使用反向轴更好的表达式：

//div[contains(@class,'foo')]/div[span[contains(@class,'a1')]]

这会选择任何div，它是div 的子代，其class 属性包含字符串“foo”，并且（选定的div）具有span 子代，其class 属性包含字符串“a1”。

基于 XSLT 的验证：

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
 <xsl:output omit-xml-declaration="yes" indent="yes"/>

 <xsl:template match="/">
  <xsl:copy-of select=
  "//div[contains(@class,'foo')]
          /div[span[contains(@class,'a1')]]"/>
 </xsl:template>
</xsl:stylesheet>

当此转换应用于提供的 XML 文档时：

<div class="foo">
   <div><span class="a1"></span><a href="...">...</a></div>
   <div><span class="a2"></span><a href="...">...</a></div>
   <div><span class="a1"></span>some text</div>
   <div><span class="a3"></span>some text</div>
</div>

计算 XPath 表达式并将所选元素复制到输出：

<div>
   <span class="a1"/>
   <a href="...">...</a>
</div>
<div>
   <span class="a1"/>some text</div>

---

二。关于通过其类之一访问 Html 元素的备注：

如果知道元素只能有一个类，那么就没有必要使用contains()

不要使用：

//div[contains(@class, 'foo')]

使用：

//div[@class = 'foo']

或者，如果可能有前导/尾随空格，请使用：

//div[normalize-space(@class) = 'foo']

的一个关键问题：

//div[contains(@class, 'foo')]

这是选择任何div 的类，例如“myfoo”、“foo2”或“myfoo3”。

如果元素可能有多个类，为了避免上述问题，正确的 XPath 表达式为：

//div[contains(concat(' ', @class, ' '), ' foo ')]