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开发干货。

相关推荐
用户938515635073 小时前
从零在浏览器里跑 DeepSeek-R1:WebGPU + Transformer.js 全链路实战
前端·设计模式·typescript
CodeSheep3 小时前
稚晖君公司人事大变动,来了!
前端·后端·程序员
鱼樱前端3 小时前
用 AI 做内容变收入
前端·人工智能·ai编程
eric-sjq3 小时前
10 分钟实战:用 0.6B 本地模型生成中文网页(WanlyFrontend + 编译器全流程)
javascript·机器学习·自然语言处理·html
浮生望3 小时前
React + TypeScript 组件设计进阶:从类型约束到无状态组件的三次进化
前端
To_OC4 小时前
LC 438 找到所有字母异位词:暴力超时后,我靠滑动窗口一招搞定
javascript·算法·leetcode
90后的晨仔4 小时前
Mac 开发 uni-app 终极方案:让安卓模拟器彻底脱离 Android Studio 独立运行
前端·vue.js
90后的晨仔4 小时前
别再搞混了!uni-app 中 node_modules 和 uni_modules 到底是什么关系?
前端
kyriewen5 小时前
面试官问"这段逻辑为什么这样写"——我才发现,这半年我写的代码,我自己都解释不了
前端·javascript·面试
谢小飞5 小时前
大文件上传很难?学会这招,GB文件秒传不是梦
前端·node.js