xpath用例

文章目录

一、省略多级路径
二、指定筛选结果里的第N个元素
三、根据子孙/兄弟元素进行筛选
四、根据文本内容进行筛选

一、省略多级路径

html：

<html>
    <body>
        <div id="main">
            <div>
                <ul>
                    <li>
                        text1
                    li>
                    <li class="select-el select-ui">
                        <span class="badge">!span>
                        text2
                    li>
                ul>
            div>
        div>
    body>
html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

获取main div：

/html/body/div[@id='main']
//div[@id='main']
1
2

获取main div下的li：

//div[@id='main']//li
1

二、指定筛选结果里的第N个元素

获取第二个li元素：

//div[@id='main']//li[2]
//div[@id='main']//li[position()=2]
1
2

三、根据子孙/兄弟元素进行筛选

包含span子元素的li：

//div[@id='main']//li[span]
1

包含文本元素的li：

//div[@id='main']//li[text()]
1

既包含span子元素，class属性又包含badge的li元素：

//li[span and contains(@class, "select-el")]
1

本身是li元素，且兄弟元素也是li并且包含span：

//li[../li/span]
1

四、根据文本内容进行筛选

文本内容包含"text1"的li：

//li[contains(text(), "text1")]
1

文本内容包含"text2"的li：

//li[contains(text()[2], "text2")]
1

PS：因为第二个li下既包含span又包含文本，所以text()匹配的文本节点其实有两个，既子span的前后各一个；第二个文本节点才有实质内容

相关阅读:
手记系列之二 ----- 关于IDEA的一些使用方法经验
强连通，奇怪的缩点学习笔记？
第43期：多表关联场景下如何用好分区表
基于微信小程序的公交信息在线查询系统小程序设计与实现(源码+lw+部署文档+讲解等)
游标查询的使用场景
LeetCode 0491. 递增子序列
假如我写了几个函数，想将函数像存放数据一样放在数组里，方便调用，怎么做？
工程测量模拟A卷
Kratos战神微服务框架介绍
IDEA常用插件

原文地址：https://blog.csdn.net/wzp1986/article/details/126830019