XPATH查询时如何忽略同级元素精准定位目标内容？

问题背景 #

假设我们有这样的HTML结构：

<div class="product-sku hidden-xs"> <span>Item #: </span> C1102W </div>

想要通过文本C1102W定位到外层的div元素，但尝试了两种XPath都没得到理想结果：

• 使用$x("//*[normalize-space()='C1102W']")：因为div的文本包含了同级span里的内容，最终匹配的文本是Item #: C1102W，无法定位到目标div。
• 使用$x("//*[contains(., 'C1102W')]")：会返回所有包含该文本的元素（比如父容器、更高层节点），结果冗余太多。

解决方案 #

可以通过直接匹配独立的文本节点，再回溯到它的父元素来实现精准定位：

//text()[normalize-space() = 'C1102W']/..

原理说明 #

1. text()：选中页面上所有的文本节点，这里会匹配到span里的Item #: 和div下独立的C1102W这两个文本节点。
2. normalize-space()：去除文本节点前后的空白字符，确保我们匹配的是纯C1102W（而不是带空格的版本）。
3. /..：找到匹配的文本节点的父元素，也就是我们要定位的div.product-sku。

这样就能精准定位到目标元素，完全忽略同级的span或其他子元素的干扰。

内容的提问来源于stack exchange，提问作者superdee