How to select sibling elements in XPath?

To select sibling elements in XPath the preceding-sibling and following-sibling axes can be used - see these interactive examples:

preceding-sibling::span will select any siblings that precede (i.e. are above) the current element:

<div> <article> <h1>title</h1> <p>paragraph</p> <span>(no tax)</span> <h3>2.99</h3> </article> </div>

following-sibling::span will select siblings that follow (i.e. are below) the current element:

<div> <article> <h1>title</h1> <p>paragraph</p> <p>paragraph with <a href="/foo.html">link</a></p> <span>(no tax)</span> <h3>2.99</h3> <span>USD</span> </article> </div>

Note that the wildcard character can be used instead of explicit element names (e.g. following-sibling::*) to select siblings of any element name.

For more on XPath, see our full introduction article

Question tagged: XPath

Apr 19, 2023 (Updated 6 months ago)