html - 如何正确使用 XPath preceding-sibling？

Question

我在选择前面的 sibling 时遇到问题。这是 html:

<div>
  <h2>Apple</h2>
  <div class="row">A</div>
  <h2>Banana</h2>
  <div class="row">B</div>
  <h2>Strawberry</h2>
  <div class="row">C</div>
</div>

我的 XPath:preceding-sibling::h2 .

我想做的:选择每一个最接近的前一个 h2每个 div.row 的元素.

例如，div.row A给我Apple h2 , div.row B给我Banana h2和 div.row C给我Strawberry h2 .

问题是我的 XPath 错误，它只选择了 Apple h2对于每个 div.row.我该如何解决这个问题？

Answer 1

XPath 轴， preceding-sibling , 包含上下文节点的所有 前面的兄弟节点。 XPath，preceding-sibling::h2 , 选择所有 h2从上下文节点开始的兄弟元素。

因此，如果上下文节点是<div class="row">C</div>元素，

/div/div[.="C"]/preceding-sibling::h2

选择

<h2>Apple</h2>
<h2>Banana</h2>
<h2>Strawberry</h2>

索引从离当前节点最近的地方开始，所以

/div/div[.="C"]/preceding-sibling::h2[1]

只选择

<h2>Strawberry</h2>

和

/div/div[.="C"]/preceding-sibling::h2[last()]

只选择

<h2>Apple</h2>

当然，如果您以编程方式获取上下文节点(而不是通过 XPath 作为 /div/div[.="C"])并使用 preceding-sibling::h2[1]，上述示例当然也适用。或 preceding-sibling::h2[last()]相对于托管语言/框架 (nokogiri) 中的上下文节点。