xpath 用法

在chrome中校验xpath路径

$x("//div")

匹配包含某属性的所有的属性值//@lang

查找包含某些class的元素

$x("//div[@class='example small']")

find element which have some class

查找包含某些class的元素
$x("//div[contains(@class, 'example')]")

查找没有哪些class的元素

$x("//div[not(contains(@class, 'example'))]")

查找style的元素

$x("//div[contains(@style, 'color: green')]")

选取若干路径|

$x("//div[@id='demo']/h2/text() | //li[@data]/text()")

Axes（轴）

child 选取当前节点的所有子节点

$x("//div[@id='demo']/child::*")

attribute 选取当前节点的所有属性

$x("//div[@id='demo']/attribute::*")

ancestor 选取当前节点的父辈元素 ancestor-or-self 包含当前元素

$x("//div[@id='demo']/ancestor::*")

descendant 选取当前节点的父辈元素 descendant-or-self 包含当前元素

$x("//div[@id='demo']/descendant::*")

following 选取当前节点结束标签之后的所有节点

$x("//div[@id='demo']/following::*")

parent 选取当前节点的父节点

$x("//div[@id='demo']/parent::*")

preceding 选取当前节点结束标签之后的所有节点

$x("//div[@id='demo']/preceding::*")

preceding-sibling: 选取当前节点之前的所有同级节点

$x("//div[@id='demo']/preceding-sibling::*")

函数

count 统计

$x("count(//div[@class='demo'])")

concat

$x("concat(//div[@class='demo'], //div[@id='demo'])")

string

$x("string(//div[@class='demo'])")

local-name

$x("local-name(//div[@class='demo'])")   //div

contains(string1,string2)：如果 string1 包含 string2，则返回 true，否则返回 false

$x("//h3[contains(text(),"H3")]")   

string-length：返回指定字符串的长度

$x("//*[string-length(local-name())<2]")   

and / or

$x("//div[@class='demo' and @id='demo']")   

starts-with

$x("//div[starts-with(@id,'d')]")   

https://www.jianshu.com/p/1575db75670f