html - xpath - 如何选择 html 元素然后选择另一个（相对）嵌套元素？

Question

如何选择 div 元素"fc-event-time，然后，相对于它，嵌套相同数量的“下一个”div 元素？

因此，根据1p - 2p识别出的 HTML 的这一区域的文本，然后我想获取用户名。

给定以下html：

<div class="fc-event-inner fc-event-skin">
  <div class="fc-event-head fc-event-skin">
    <div class="fc-event-time" style="background-color: rgb(120, 182, 229);">
      1p - 2p
    </div>
  </div>
  <div class="">
    <div class="fc-event-title">
      Juan A.*, Zach A.*
    </div>
  </div>
  <div class="fc-event-bg">
  </div>
</div>

我正在尝试以下选择器：

//div[@class='fc-event-time'][contains(text(),'1p - 2p')]../../div[2]/div

但它不起作用。

Answer 1

您缺少正斜杠：

//div[@class='fc-event-time'][contains(text(),'1p - 2p')]../../div[2]/div
# should be
//div[@class='fc-event-time'][contains(text(),'1p - 2p')]/../../div[2]/div
#                                                        ^ here

您可能会发现这里的工具 (XPathBuilder) 很有帮助： http ://www.bubasoft.net/product/xpath-builder