嘿，各位码农们！想从网页里找某个东西之后紧跟着的，但是又不是随便啥东西，而是特定标签或者属性的东西吗？比如找到一个 元素之后紧跟着的第一个 元素呃。XPath 能够帮你搞定！

XPath 到底是哪些？

简洁XPath 就像 XML 的路径查询语言。你能够用它像导航地图一样，在 XML 文档中找到你想要的东西。别担心是不是学过计算机专业的，其实没关系，咱们用最简单懂的方式来阐述。

基本概念

• 节点 XML 文件里的各个东西， 比如标签、文本、属性等等。
• 轴 用来定位节点的路径。就像你要从哪个位置启动找。
• 谓语 用来筛选节点的条件。比如只选 class="info" 的 div 元素。

怎样定位节点后紧跟的特定节点？

这就说得通了。 要找到某个节点后面紧跟着的特定节点，最主要靠两个工具：following-sibling:: 和 ``。

following-sibling:: 轴

当前这个轴表示“后面的同级兄弟节点”。换句话说就是紧跟在你面前的同级元素，平心而论...。

谓词

`` 就表示“取第一个”。 把它们俩合起来就是 记住... “找当前节点后面的同级兄弟节点中第一个指定标签”。

举个例子

弄一下... 虚假设我们已经选定了 class="menu" 的 div 当前这个节点，然后想要找到它后面第一个 input 元素。

//div/input

更繁杂的 XPath

带条件的首个兄弟节点

在我看来... 有时候你需要的是满足特定条件的兄弟节点才算。比如只取 class 为 "info" 的 div 元素的第一个弟弟。

• 采用: `following-sibling::div`

跨层级的查找？别慌！

如果目标标签不在同一个层级下就不能直接用 `following-sibling` 了。 结果你猜怎么着？ 这时需要用到 `following` 轴。

例子说明

• 虚假设你的

• 你想要找到 'orMenuitem' 后面的第一个 li 。 采用 xpath 就是 //li//following-sibling::li 或者 //li//following::li。注意这里的 following 是没有 的, 这是因为它会选择全部后续的 li, 但这是因为是按顺序排列, 所以最终还是结果是只有一个. 如果想得到的是第一个 li, 需要加上 . 但是这里不适用. 所以根据不同的场景选择合适的 xpath.

一些较小技巧

• 相对路径: 从当前节点的相对位置去查找. 举个例子 "//div/input" 就是相对于 menu div 的 input 第一个.

常用属性筛选

• @class: 选择具有指定 class 的元素.
• @id: 选择具有指定 ID 的元素.
• @name: 选择具有指定 name 的元素.