具有多个后代条件的 Xpath

Question

我有一个 HTML 文件，看起来像:

<div id="products">
   <div class="product">
      <span class="productheader">Product 1</span>
      <input type="checkbox" />
   </div>
   <div class="product">
      <span class="productheader">Product 2</span>
      <div class="selected_value and_other value plus one value">
         <input type="checkbox" checked="checked" />
      </div>
   </div>
   <div class="product">
      <span class="productheader">Product 3</span>
      <span class="hidden">
         <div class="selected_value and_other value">
            <input type="checkbox" checked="checked" />
         </div>
      </span>
   </div>
</div>

我想从标题中获得值，其中:

输入被“检查”--> 来自后代的 div 类包含“selected_value”

但不是隐藏的 --> 选定的不是具有“隐藏”类的跨度的一部分

因此，只有第二个 productheader 值(Product 2)应该是结果。

正确的 xpath 应该是什么样的？

尝试了很多东西，但没有一个奏效。最接近:

//div[contains(@class, 'product')]//*[descendant::div[contains(@class ,"selected_value")]]

问题是这并没有考虑到它可能没有隐藏!

Answer 1

您可以通过不同的方式进行操作，如下所示。
选项1:

//div[starts-with(@class,'selected_value')][not(parent::span[@class='hidden'])]/preceding-sibling::span/text()

选项 2:最简单

//div[starts-with(@class,'selected_value')]/preceding-sibling::span/text()

选项 3:如果您想使用 span 类，请按照此操作。

//div[starts-with(@class,'selected_value')]/preceding-sibling::span[@class='productheader']/text()