使用XPath，如何在没有前面的文本的情况下在标记处获得精确的匹配？

Question

<div id="dropdown-item" role="option">
<span class="select2-match">Steak</span>
 - Delicious Salmon Steak
</div>

第二个项包含xpath表达式应该忽略的项，因为它在下拉项div中的span节点上方包含一个文本。

<div id="dropdown-item" role="option">
Double
<span class="select2-match">Steak</span>
 - Monster Fillet Steak
</div>

我尝试了很多XPath表达式，我开始认为只有使用XPath我才能选择我想要的项。我知道，如果我在编程中连接两个或多个XPaths（例如C#或Java)，并用连字符给出一个子字符串，最后找到我需要的索引，我将能够找到所需的节点，但考虑到我将处理的信息量，它不可能是执行的。我们的想法是只使用xpath，也许使用Regex...有什么建议吗？

Answer 1

这是一种可能的XPath（为了可读性而格式化）：

//div[@id='dropdown-item']
/span[.='Steak']
     [not(
            preceding-sibling::text()[normalize-space()]
       )
     ]

简要说明：

• //div[@id='dropdown-item']:查找HTML文档中所有div元素，其id属性值等于“dropdown-item”
• /span[.='steak']:从每个div中查找子元素span，其内部文本完全等于“steak”...
• [not(Previon-sibling::text()[normalize-space()])]:...并且previon-sibling文本节点不为空。这将匹配span在同级文本前仅有空白，或在同级文本前根本没有空白。