类型选择器
根据类型选择元素: //A
。
例如://div
选择全部 div
元素。
属性选择器
选择带有属性的元素。//*[@id='*']
选择具有 id
属性的元素。
例如://*[@id="元素 ID"]
将选择id="元素 ID"
的任何元素//ul[@id="long"]
将选择 <ul id="long">
子选择器
选择元素的直接子元素://A/B
这里也可以使用通配选择符*
,例如://p/*
将选择所有 <p>
元素内的每个元素。
父选择器
选择元素的父元素: ..
例如://*[@id="cool"]/..
将选择属于 id="cool"
的任何元素的父元素。
类选择器
通过类选择元素://*[contains(@Attribute,'value')]
元素只能有一个ID,但可能包含许多类
例如://*[contains(@class,"neato")]
选择 class="neato"
的所有元素
| 连结符
//A | //B
组合任意的选择器。
例如://p| //*[@id="fun"]
将选择所有 p
和 id="fun"
的元素。
相邻兄弟选择器
选择当前元素之后的同级元素://A/following-sibling::B
;
选择当前元素之前的同级元素://A/preceding-sibling::B
;
索引选择器
在给定索引处选择元素: (//A)[index]
。
例如,(//a)[2]
选择第二个 a
末选择器
选择一堆元素内的最后一个元素: last()
例如:(//div)[last()]
选择最后一个 <div>
元素//div/*[last()]
选择 <div>
元素中的最后一个元素。