Xpathcheatsheet

JS
复制代码
$x("//div");

BASH
复制代码
//div[contains(concat(' ',normalize-space(@class),' '),' foobar ')]

XPATH
复制代码
//div
//div[@name='box']
//[@id='link']

BASH
复制代码
//a/text()
//a/@href
//a/*

BASH
复制代码
//div[true()]
//div[@class="head"]
//div[@class="head"][@id="top"]

BASH
复制代码
//a[@id = "xyz"]
//a[@id != "xyz"]
//a[@price > 25]

BASH
复制代码
# 与或非
//div[@id="head" and position()=2]
//div[(x and y) or not(z)]

BASH
复制代码
# 在函数中使用
//ul[count(li) > 2]
//ul[count(li[@class='hide']) > 0]

BASH
复制代码
# 下面结果返回有 li 标签的 ul
//ul[li]

BASH
复制代码
//a[1]                  # 第一个 <a>
//a[last()]             # 最后一个 <a>
//ol/li[2]              # 第二个 <li>
//ol/li[position()=2]   # 同上
//ol/li[position()>1]   # 不是第一个元素，同 :not(:first-child)

BASH
复制代码
a[1][@href='/']
a[@href='/'][1]

BASH
复制代码
//section[.//h1[@id='hi']]

BASH
复制代码
name()                     # //[starts-with(name(), 'h')]
text()                     # //button[text()="Submit"]
                           # //button/text()
lang(str)
namespace-uri()

BASH
复制代码
count()                    # //table[count(tr)=1]
position()                 # //ol/li[position()=2]

BASH
复制代码
not(expr)                  # button[not(starts-with(text(),"Submit"))]

BASH
复制代码
contains()                 # font[contains(@class,"head")]
starts-with()              # font[starts-with(@class,"head")]
ends-with()                # font[ends-with(@class,"head")]

BASH
复制代码
concat(x,y)
substring(str, start, len)
substring-before("01/02", "/")  #=> 01
substring-after("01/02", "/")   #=> 02
translate()
normalize-space()
string-length()

BASH
复制代码
string()
number()
boolean()

BASH
复制代码
//ul/li                       # ul > li
//ul/child::li                # ul > li (same)
//ul/following-sibling::li    # ul ~ li
//ul/descendant-or-self::li   # ul li
//ul/ancestor-or-self::li     # $('ul').closest('li')

BASH
复制代码
# 下面两种写法等效
//ul/li/a
//child::ul/child::li/child::a

BASH
复制代码
# 下面两种写法等效
# 下面的能成功执行时因为 `child::li` 是正确的，所以谓词成立
//ul[li]
//ul[child::li]

BASH
复制代码
# 下面两种写法等效
//ul[count(li) > 2]
//ul[count(child::li) > 2]

BASH
复制代码
# 下面两种写法等效
//div//h4
//div/descendant-or-self::h4

BASH
复制代码
# 下面两种写法等效
//ul//[last()]
//ul/descendant-or-self::[last()]

BASH
复制代码
//a | //span

BASH
复制代码
//*                 # 全部元素
count(//*)          # 统计全部元素数量
(//h1)[1]/text()    # 第一个 H1 标签中的文字
//li[span]          # 找到包含 <span> 的 <li> 标签
//ul/li/..          # 使用 '..' 去选择父级元素

BASH
复制代码
//section[h1[@id='section-name']]

BASH
复制代码
//section[//h1[@id='section-name']]

BASH
复制代码
./ancestor-or-self::[@class="box"]

BASH
复制代码
//item[@price > 2*@discount]