XPath Selector Testing with queryXPathAll

Selecting any tag: //*

• item
• item
• item

Selecting any tagname: //li

• item
• item
• item

Selecting attribute presence: //*[@class]

• item
• item with class attribute
• item

Selecting attribute exact value: //*[@class='target']

• item
• item with class=target attribute
• item

Selecting attribute value contains: //*[contains(@class, 'target')]

• item
• item with class="demo target" attribute
• item

Selecting when text content contains: //*[contains(text(),'item')]

• it
• item
• items
• excitement

Selecting by partial tagname: //*[starts-with(name(), 'custom-')]

• item with custom-1
• item with custom-2

Selecting by partial attribute name: //*[@*[starts-with(name(), 'data-custom-')]]

• item
• item with data-custom-1 attribute
• item with data-custom-2 attribute

Selecting parent element: //parent::*

• item
• item with class attribute
• item

Selecting preceding siblings: //preceding-sibling::*

• item
• item
• item with class
• item
• item

Selecting individual preceding siblings: //preceding-sibling::*[1]

• item
• item
• item with class attribute
• item
• item

Selecting following siblings: //following-sibling::*

• item
• item
• item with class attribute
• item
• item

Selecting individual following siblings: //following-sibling::*[1]

• item
• item
• item with class attribute
• item
• item

Selecting by number of children: //*[*[3]]

Selecting comparing attribute value as number: //*[@data-price >= 5]

• item with data-price=1 attribute
• item with data-price=3 attribute
• item with data-price=5 attribute
• item with data-price=7 attribute
• item with data-price=9 attribute

Selecting heading 1-6 tags: //*[substring-after(name(), "h") > 0]

• Heading 1

• Heading 2

• Heading 3

• Heading 4

• Heading 5

• Heading 6

• Header

Selecting by an element it contains (like :has()): //li[strong]

• item and a strong
• item
• item

Selecting the last child: //*[not(following-sibling::*[1])]