XPath 进阶:掌握高级选择器与路径表达式

在前面的文章中,我们了解了 XPath 的基本概念和语法。现在,我们将深入探讨 XPath 的高级选择器和路径表达式,以便更高效地查询 XML 数据。

高级选择器

位置选择器

XPath 提供了一些位置选择器,可以帮助我们选择特定位置的节点:

  • position():返回符合当前节点在节点的所有位置,是一个数组,可以对数组进行操作。

  • last():返回节点集中的最后一个节点。

  • 选择最后一个scirpt标签内容:

xpath 复制代码
//script[last()]

过滤选择器

使用方括号 [] 可以对节点进行过滤。例如,百度贴吧回帖数大于600的:

xpath 复制代码
//em[@data-num>600]

复杂路径表达式

XPath 允许我们使用复杂的路径表达式来精确定位节点。以下是一些示例:

xml 复制代码
<bookstore>
  <category name="前端开发">
    <book id="101">
      <title>JavaScript高级程序设计</title>
      <price>89.00</price>
      <stock>15</stock>
    </book>
    <book id="102">
      <title>CSS权威指南</title>
      <price>79.00</price>
      <stock>8</stock>
    </book>
  </category>
  
  <category name="后端开发">
    <book id="201">
      <title>Node.js实战</title>
      <price>69.00</price>
      <stock>12</stock>
    </book>
    <book id="202">
      <title>Python核心编程</title>
      <price>99.00</price>
      <stock>5</stock>
      <discount>0.8</discount>
    </book>
    <book id="203">
      <title>Java并发编程实战</title>
      <price>109.00</price>
      <stock>0</stock>
    </book>
  </category>
</bookstore>
  • 选择所有书籍的标题:
xpath 复制代码
//book/title
  • 选择所有价格大于 20 的书籍的标题:
xpath 复制代码
//book[price > 70]/title
  • 选择所有书籍中作者为 "王五" 的书籍:
xpath 复制代码
//book[author='王五']

使用 XPath 函数提升查询能力:从基础到复杂

XPath 提供了多种内置函数,可以帮助我们进行更复杂的查询。

常用函数

字符串函数

  • contains(string, substring):检查字符串是否包含子字符串。
  • starts-with(string, substring):检查字符串是否以特定子字符串开头。
  • substring(string, start, length):返回字符串的子串。

例如,选择所有标题中包含 "Java" 的书籍:

xpath 复制代码
//book[contains(title, 'Java')]

数学函数

  • sum(node-set):返回节点集的总和。
  • count(node-set):返回节点集中的节点数量。

选择所有书籍的总价格:

xpath 复制代码
sum(//book/price)

XPath 条件表达式与逻辑运算符的应用

XPath 支持条件表达式和逻辑运算符,使得查询更加灵活。

条件表达式

可以使用条件表达式来筛选节点。例如,选择价格在 10 到 30 之间的书籍:

xpath 复制代码
//book[price >= 70 and price <= 100]

逻辑运算符

XPath 支持 andornot() 运算符。例如,选择所有作者为 "John" 或 "Jane" 的书籍:

xpath 复制代码
//book[price=89 or price=109]

小结

如果你喜欢本教程,记得点赞+收藏!关注我获取更多JavaScript开发干货。

相关推荐
wmm_会飞的@鱼3 分钟前
FlexSim-汽车零部件仓库布局优化与仿真
服务器·前端·网络·数据库·数学建模·汽车
yvvvy5 分钟前
从“按钮都不会点”到“能撸大厂 UI”:我用 react-vant 踢开组件库的大门!
前端·javascript
安然dn6 分钟前
Cropper.js:JS图像裁剪库
前端·javascript
Serendipity2617 分钟前
微服务架构
前端·微服务
Hilaku23 分钟前
深入background-image:你可能不知道的几个性能优化与高级技巧
前端·css
南岸月明25 分钟前
副业自媒体1年终于明白:为什么会表达的人,能量越来越强,更能赚到钱?
前端
Danny_FD39 分钟前
Vue + Element UI 实现模糊搜索自动补全
前端·javascript
gnip44 分钟前
闭包实现一个简单Vue3的状态管理
前端·javascript
斐济岛上有一只斐济1 小时前
后端程序员的CSS复习
前端
Enddme1 小时前
《面试必问!JavaScript 中this 全方位避坑指南 (含高频题解析)》
前端·javascript·面试