如何使用XPath选择节点的所有第n层后代节点？

问题场景 #

给定如下DOM结构：

<div class="root">
    <div>
        <div>
            <div></div> <!-- 选中这个 -->
        </div>
    </div>
    <div>
        <div>
            <div></div> <!-- 以及这个 -->
        </div>
    </div>
</div>

使用XPath表达式 //*[contains(@class, 'root')]/descendant::*[3] 仅能选中第一个目标节点，这是因为 descendant::*[3] 是在所有后代节点的集合中选取位置为3的节点，而非每个分支下的第3层后代。

解决方案 #

方法1：层级计数（兼容XPath 1.0） #

如果要选择距离root节点n层的所有后代（示例中n=3，即root的曾孙节点），可通过计算节点的祖先数量判断层级：

//*[contains(@class, 'root')]//*[count(ancestor-or-self::*) = count(//*[contains(@class, 'root')]/ancestor-or-self::*) + 3]

• 解释：count(ancestor-or-self::*) 计算当前节点到根节点的路径总节点数；count(//*[contains(@class, 'root')]/ancestor-or-self::*) 是root节点自身的路径节点数（通常为1）。两者差值即为当前节点相对于root的层级，设置为目标层数即可选中对应所有节点。

方法2：depth()函数（XPath 2.0+） #

若环境支持XPath 2.0及以上，可用更简洁的depth()函数直接获取节点层级：

//*[contains(@class, 'root')]//*[depth() = depth(//*[contains(@class, 'root')]) + 3]

• 解释：depth() 返回节点的层级（根节点为1），通过计算与root节点的层级差，即可选中对应层级的所有后代。

方法3：精准匹配父链 #

如果明确目标节点是root的第3代子节点，也可通过限定父链精准定位：

//*[contains(@class, 'root')]//*[parent::*[parent::*[parent::*[contains(@class, 'root')]]]]

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