001package org.jsoup.select; 002 003import org.jsoup.helper.Validate; 004import org.jsoup.nodes.Element; 005import org.jsoup.nodes.Node; 006import org.jsoup.parser.TokenQueue; 007import org.jspecify.annotations.Nullable; 008 009import java.util.Collection; 010import java.util.HashSet; 011import java.util.stream.Stream; 012 013/** 014 CSS element selector, that finds elements matching a query. 015 016 <h2>Selector syntax</h2> 017 <p> 018 A selector is a chain of simple selectors, separated by combinators. Selectors are <b>case-insensitive</b> (including 019 against elements, attributes, and attribute values). 020 </p> 021 <p> 022 The universal selector {@code *} is implicit when no element selector is supplied (i.e. {@code .header} and 023 {@code *.header} are equivalent). 024 </p> 025 026 <p>You can easily test different selectors using the <a href="https://try.jsoup.org/?utm_source=jsoup&utm_medium=javadoc">Try jsoup online playground</a>. 027 028 <style>table.syntax tr td {vertical-align: top; padding-right: 2em; padding-top:0.5em; padding-bottom:0.5em; } 029 table.syntax tr:hover{background-color: #eee;} table.syntax {border-spacing: 0px 0px;}</style> 030 031 <table summary="" class="syntax"><colgroup><col span="1" style="width: 20%;"><col span="1" style="width: 40%;"><col span="1" style="width: 40%;"></colgroup> 032 <tr><th align="left">Pattern</th><th align="left">Matches</th><th align="left">Example</th></tr> 033 <tr><td><code>*</code></td><td>any element</td><td><code>*</code></td></tr> 034 <tr><td><code>tag</code></td><td>elements with the given tag name</td><td><code>div</code></td></tr> 035 <tr><td><code>*|E</code></td><td>elements of type E in any namespace (including non-namespaced)</td><td><code>*|name</code> finds <code><dc:name></code> and <code><name></code> elements</td></tr> 036 <tr><td><code>ns|E</code></td><td>elements of type E in the namespace <i>ns</i></td><td><code>dc|name</code> finds <code><dc:name></code> elements</td></tr> 037 <tr><td><code>ns|*</code></td><td>all elements in the namespace <i>ns</i></td><td><code>dc|*</code> finds <code><dc:p></code> and <code><dc:img></code>elements</td></tr> 038 <tr><td><code>#id</code></td><td>elements with attribute ID of "id"</td><td><code>div#wrap</code>, <code>#logo</code></td></tr> 039 <tr><td><code>.class</code></td><td>elements with a class name of "class"</td><td><code>div.left</code>, <code>.result</code></td></tr> 040 <tr><td><code>[attr]</code></td><td>elements with an attribute named "attr" (with any value)</td><td><code>a[href]</code>, <code>[title]</code></td></tr> 041 <tr><td><code>[^attrPrefix]</code></td><td>elements with an attribute name starting with "attrPrefix". Use to find elements with HTML5 datasets</td><td><code>[^data-]</code>, <code>div[^data-]</code></td></tr> 042 <tr><td><code>[attr=val]</code></td><td>elements with an attribute named "attr", and value equal to "val"</td><td><code>img[width=500]</code>, <code>a[rel=nofollow]</code></td></tr> 043 <tr><td><code>[attr="val"]</code></td><td>elements with an attribute named "attr", and value equal to "val"</td><td><code>span[hello="Cleveland"][goodbye="Columbus"]</code>, <code>a[rel="nofollow"]</code></td></tr> 044 <tr><td><code>[attr^=valPrefix]</code></td><td>elements with an attribute named "attr", and value starting with "valPrefix"</td><td><code>a[href^=http:]</code></td></tr> 045 <tr><td><code>[attr$=valSuffix]</code></td><td>elements with an attribute named "attr", and value ending with "valSuffix"</td><td><code>img[src$=.png]</code></td></tr> 046 <tr><td><code>[attr*=valContaining]</code></td><td>elements with an attribute named "attr", and value containing "valContaining"</td><td><code>a[href*=/search/]</code></td></tr> 047 <tr><td><code>[attr~=<em>regex</em>]</code></td><td>elements with an attribute named "attr", and value matching the regular expression</td><td><code>img[src~=(?i)\\.(png|jpe?g)]</code></td></tr> 048 <tr><td><code>[*]</code></td><td>elements with any attribute</td><td><code>p[*]</code> finds <code>p</code> elements that have at least one attribute; <code>p:not([*])</code> finds those with no attributes</td></tr> 049 <tr><td></td><td>The above may be combined in any order</td><td><code>div.header[title]</code></td></tr> 050 051 <tr><td colspan="3"><h3>Combinators</h3></td></tr> 052 <tr><td><code>E F</code></td><td>an F element descended from an E element</td><td><code>div a</code>, <code>.logo h1</code></td></tr> 053 <tr><td><code>E {@literal >} F</code></td><td>an F direct child of E</td><td><code>ol {@literal >} li</code></td></tr> 054 <tr><td><code>E + F</code></td><td>an F element immediately preceded by sibling E</td><td><code>li + li</code>, <code>div.head + div</code></td></tr> 055 <tr><td><code>E ~ F</code></td><td>an F element preceded by sibling E</td><td><code>h1 ~ p</code></td></tr> 056 <tr><td><code>E, F, G</code></td><td>all matching elements E, F, or G</td><td><code>a[href], div, h3</code></td></tr> 057 058 <tr><td colspan="3"><h3>Pseudo selectors</h3></td></tr> 059 <tr><td><code>:lt(<em>n</em>)</code></td><td>elements whose sibling index is less than <em>n</em></td><td><code>td:lt(3)</code> finds the first 3 cells of each row</td></tr> 060 <tr><td><code>:gt(<em>n</em>)</code></td><td>elements whose sibling index is greater than <em>n</em></td><td><code>td:gt(1)</code> finds cells after skipping the first two</td></tr> 061 <tr><td><code>:eq(<em>n</em>)</code></td><td>elements whose sibling index is equal to <em>n</em></td><td><code>td:eq(0)</code> finds the first cell of each row</td></tr> 062 <tr><td><code>:has(<em>selector</em>)</code></td><td>elements that contains at least one element matching the <em>selector</em></td><td><code>div:has(p)</code> finds <code>div</code>s that contain <code>p</code> elements.<br><code>div:has(> a)</code> selects <code>div</code> elements that have at least one direct child <code>a</code> element.<br><code>section:has(h1, h2)</code> finds <code>section</code> elements that contain a <code>h1</code> or a <code>h2</code> element</td></tr> 063 <tr><td><code>:is(<em>selector list</em>)</code></td><td>elements that match any of the selectors in the selector list</td><td><code>:is(h1, h2, h3, h4, h5, h6)</code> finds any heading element.<br><code>:is(section, article) > :is(h1, h2)</code> finds a <code>h1</code> or <code>h2</code> that is a direct child of a <code>section</code> or an <code>article</code></td></tr> 064 <tr><td><code>:not(<em>selector</em>)</code></td><td>elements that do not match the <em>selector</em>. See also {@link Elements#not(String)}</td><td><code>div:not(.logo)</code> finds all divs that do not have the "logo" class.<p><code>div:not(:has(div))</code> finds divs that do not contain divs.</p></td></tr> 065 <tr><td><code>:contains(<em>text</em>)</code></td><td>elements that contains the specified text. The search is case insensitive. The text may appear in the found element, or any of its descendants. The text is whitespace normalized. <p>To find content that includes parentheses, escape those with a {@code \}.</p></td><td><code>p:contains(jsoup)</code> finds p elements containing the text "jsoup".<p>{@code p:contains(hello \(there\) finds p elements containing the text "Hello (There)"}</p></td></tr> 066 <tr><td><code>:containsOwn(<em>text</em>)</code></td><td>elements that directly contain the specified text. The search is case insensitive. The text must appear in the found element, not any of its descendants.</td><td><code>p:containsOwn(jsoup)</code> finds p elements with own text "jsoup".</td></tr> 067 <tr><td><code>:containsData(<em>data</em>)</code></td><td>elements that contains the specified <em>data</em>. The contents of {@code script} and {@code style} elements, and {@code comment} nodes (etc) are considered data nodes, not text nodes. The search is case insensitive. The data may appear in the found element, or any of its descendants.</td><td><code>script:contains(jsoup)</code> finds script elements containing the data "jsoup".</td></tr> 068 <tr><td><code>:containsWholeText(<em>text</em>)</code></td><td>elements that contains the specified <b>non-normalized</b> text. The search is case sensitive, and will match exactly against spaces and newlines found in the original input. The text may appear in the found element, or any of its descendants. <p>To find content that includes parentheses, escape those with a {@code \}.</p></td><td><code>p:containsWholeText(jsoup\nThe Java HTML Parser)</code> finds p elements containing the text <code>"jsoup\nThe Java HTML Parser"</code> (and not other variations of whitespace or casing, as <code>:contains()</code> would. Note that {@code br} elements are presented as a newline.</p></td></tr> 069 <tr><td><code>:containsWholeOwnText(<em>text</em>)</code></td><td>elements that <b>directly</b> contain the specified <b>non-normalized</b> text. The search is case sensitive, and will match exactly against spaces and newlines found in the original input. The text may appear in the found element, but not in its descendants. <p>To find content that includes parentheses, escape those with a {@code \}.</p></td><td><code>p:containsWholeOwnText(jsoup\nThe Java HTML Parser)</code> finds p elements directly containing the text <code>"jsoup\nThe Java HTML Parser"</code> (and not other variations of whitespace or casing, as <code>:contains()</code> would. Note that {@code br} elements are presented as a newline.</p></td></tr> 070 <tr><td><code>:matches(<em>regex</em>)</code></td><td>elements containing <b>whitespace normalized</b> text that matches the specified regular expression. The text may appear in the found element, or any of its descendants.</td><td><code>td:matches(\\d+)</code> finds table cells containing digits. <code>div:matches((?i)login)</code> finds divs containing the text, case insensitively.</td></tr> 071 <tr><td><code>:matchesWholeText(<em>regex</em>)</code></td><td>elements containing <b>non-normalized</b> whole text that matches the specified regular expression. The text may appear in the found element, or any of its descendants.</td><td><code>td:matchesWholeText(\\s{2,})</code> finds table cells a run of at least two space characters.</td></tr> 072 <tr><td><code>:matchesWholeOwnText(<em>regex</em>)</code></td><td>elements whose own <b>non-normalized</b> whole text matches the specified regular expression. The text must appear in the found element, not any of its descendants.</td><td><code>td:matchesWholeOwnText(\n\\d+)</code> finds table cells directly containing digits following a neewline.</td></tr> 073 <tr><td></td><td>The above may be combined in any order and with other selectors</td><td><code>.light:contains(name):eq(0)</code></td></tr> 074 <tr><td><code>:matchText</code></td><td>treats text nodes as elements, and so allows you to match against and select text nodes.<p><b>Note</b> that using this selector will modify the DOM, so you may want to {@code clone} your document before using.<p><b>Deprecated</b>. This selector is deprecated and will be removed in a future version. Migrate to <code>::textnode</code> using the <code>Element#selectNodes()</code> method instead.</p></td><td>{@code p:matchText:firstChild} with input {@code <p>One<br />Two</p>} will return one {@link org.jsoup.nodes.PseudoTextElement} with text "{@code One}".</td></tr> 075 076 <tr><td colspan="3"><h3>Structural pseudo selectors</h3></td></tr> 077 <tr><td><code>:root</code></td><td>The element that is the root of the document. In HTML, this is the <code>html</code> element</td><td><code>:root</code></td></tr> 078 <tr><td><code>:nth-child(<em>a</em>n+<em>b</em>)</code></td><td><p>elements that have <code><em>a</em>n+<em>b</em>-1</code> siblings <b>before</b> it in the document tree, for any positive integer or zero value of <code>n</code>, and has a parent element. For values of <code>a</code> and <code>b</code> greater than zero, this effectively divides the element's children into groups of a elements (the last group taking the remainder), and selecting the <em>b</em>th element of each group. For example, this allows the selectors to address every other row in a table, and could be used to alternate the color of paragraph text in a cycle of four. The <code>a</code> and <code>b</code> values must be integers (positive, negative, or zero). The index of the first child of an element is 1.</p> 079 Additionally, <code>:nth-child()</code> supports <code>odd</code> and <code>even</code> as arguments. <code>odd</code> is the same as <code>2n+1</code>, and <code>even</code> is the same as <code>2n</code>.</td><td><code>tr:nth-child(2n+1)</code> finds every odd row of a table. <code>:nth-child(10n-1)</code> the 9th, 19th, 29th, etc, element. <code>li:nth-child(5)</code> the 5h li</td></tr> 080 <tr><td><code>:nth-last-child(<em>a</em>n+<em>b</em>)</code></td><td>elements that have <code><em>a</em>n+<em>b</em>-1</code> siblings <b>after</b> it in the document tree. Otherwise like <code>:nth-child()</code></td><td><code>tr:nth-last-child(-n+2)</code> the last two rows of a table</td></tr> 081 <tr><td><code>:nth-of-type(<em>a</em>n+<em>b</em>)</code></td><td>pseudo-class notation represents an element that has <code><em>a</em>n+<em>b</em>-1</code> siblings with the same expanded element name <em>before</em> it in the document tree, for any zero or positive integer value of n, and has a parent element</td><td><code>img:nth-of-type(2n+1)</code></td></tr> 082 <tr><td><code>:nth-last-of-type(<em>a</em>n+<em>b</em>)</code></td><td>pseudo-class notation represents an element that has <code><em>a</em>n+<em>b</em>-1</code> siblings with the same expanded element name <em>after</em> it in the document tree, for any zero or positive integer value of n, and has a parent element</td><td><code>img:nth-last-of-type(2n+1)</code></td></tr> 083 <tr><td><code>:first-child</code></td><td>elements that are the first child of some other element.</td><td><code>div {@literal >} p:first-child</code></td></tr> 084 <tr><td><code>:last-child</code></td><td>elements that are the last child of some other element.</td><td><code>ol {@literal >} li:last-child</code></td></tr> 085 <tr><td><code>:first-of-type</code></td><td>elements that are the first sibling of its type in the list of children of its parent element</td><td><code>dl dt:first-of-type</code></td></tr> 086 <tr><td><code>:last-of-type</code></td><td>elements that are the last sibling of its type in the list of children of its parent element</td><td><code>tr {@literal >} td:last-of-type</code></td></tr> 087 <tr><td><code>:only-child</code></td><td>elements that have a parent element and whose parent element have no other element children</td><td></td></tr> 088 <tr><td><code>:only-of-type</code></td><td> an element that has a parent element and whose parent element has no other element children with the same expanded element name</td><td></td></tr> 089 <tr><td><code>:empty</code></td><td>elements that contain no child elements or nodes, with the exception of blank text nodes, comments, XML declarations, and doctype declarations. In other words, it matches elements that are effectively empty of meaningful content.</td><td><code>li:not(:empty)</code></td></tr> 090 091 <tr><td colspan="3"><h3>Node pseudo selectors</h3></td></tr> 092 <tr><td colspan="3">These selectors enable matching specific leaf nodes, including Comments, TextNodes. When used with {@link Element#select(String)}, these can be used with structural selectors such as <code>:has()</code> to refine which Elements are matched. To retrieve matching Nodes directly, use {@Element#selectNodes(String)}.</td></tr> 093 <tr><td>::node</td><td>Matches any node</td><td></td></tr> 094 <tr><td>::leafnode</td><td>Matches any leaf-node (this is, a Node which is not an Element)</td><td></td></tr> 095 <tr><td>::comment</td><td>Matches a Comment node</td><td></td></tr> 096 <tr><td>::text</td><td>Matches a TextNode</td><td></td></tr> 097 <tr><td>::data</td><td>Matches a DataNode (e.g. the content of a <code>script</code> or a <code>style</code> element)</td><td></td></tr> 098 <tr><td>::cdata</td><td>Matches a CDataNode (which are only present in XML)</td><td></td></tr> 099 <tr><td>::node:contains(text)</td><td>Matches a node that has a (normalized, case-insensitive) value containing <i>text</i>.</td><td><code>::comment:contains(foo bar)</code></td></tr> 100 <tr><td>::node:matches(regex)</td><td>Matches a node that has a value matching the regex.</td><td><code>::comment:matches(\\d+)</code></td></tr> 101 <tr><td>::node:blank</td><td>Matches a node that has either no value, or a value of only whitespace.</td><td><code>::comment:not(:blank)</code></td></tr> 102 </table> 103 104 <p>A word on using regular expressions in these selectors: depending on the content of the regex, you will need to quote the pattern using <b><code>Pattern.quote("regex")</code></b> for it to parse correctly through both the selector parser and the regex parser. E.g. <code>String query = "div:matches(" + Pattern.quote(regex) + ");"</code>.</p> 105 <p><b>Escaping special characters:</b> to match a tag, ID, or other selector that does not follow the regular CSS syntax, the query must be escaped with the <code>\</code> character. For example, to match by ID {@code <p id="i.d">}, use {@code document.select("#i\\.d")}.</p> 106 107 @see Element#select(String css) 108 @see Element#selectFirst(String css) 109 @see Element#select(Evaluator eval) 110 @see Element#selectNodes(String css) 111 @see Element#selectNodes(String css, Class nodeType) 112 @see Elements#select(String css) 113 @see Element#selectXpath(String xpath) */ 114public class Selector { 115 // not instantiable 116 private Selector() {} 117 118 /** 119 Find Elements matching the CSS query. 120 121 @param query CSS selector 122 @param root root element to descend into 123 @return matching elements, empty if none 124 @throws Selector.SelectorParseException (unchecked) on an invalid CSS query. 125 */ 126 public static Elements select(String query, Element root) { 127 Validate.notEmpty(query); 128 return select(evaluatorOf(query), root); 129 } 130 131 /** 132 Find Elements matching the Evaluator. 133 134 @param evaluator CSS Evaluator 135 @param root root (context) element to start from 136 @return matching elements, empty if none 137 */ 138 public static Elements select(Evaluator evaluator, Element root) { 139 Validate.notNull(evaluator); 140 Validate.notNull(root); 141 return Collector.collect(evaluator, root); 142 } 143 144 /** 145 Finds a Stream of elements matching the CSS query. 146 147 @param query CSS selector 148 @param root root element to descend into 149 @return a Stream of matching elements, empty if none 150 @throws Selector.SelectorParseException (unchecked) on an invalid CSS query. 151 @since 1.19.1 152 */ 153 public static Stream<Element> selectStream(String query, Element root) { 154 Validate.notEmpty(query); 155 return selectStream(evaluatorOf(query), root); 156 } 157 158 /** 159 Finds a Stream of elements matching the evaluator. 160 161 @param evaluator CSS selector 162 @param root root element to descend into 163 @return matching elements, empty if none 164 @since 1.19.1 165 */ 166 public static Stream<Element> selectStream(Evaluator evaluator, Element root) { 167 Validate.notNull(evaluator); 168 Validate.notNull(root); 169 return Collector.stream(evaluator, root); 170 } 171 172 /** 173 Find elements matching the query, across multiple roots. Elements will be deduplicated (in the case of 174 overlapping hierarchies). 175 176 @param query CSS selector 177 @param roots root elements to descend into 178 @return matching elements, empty if none 179 */ 180 public static Elements select(String query, Iterable<Element> roots) { 181 Validate.notEmpty(query); 182 Validate.notNull(roots); 183 Evaluator evaluator = evaluatorOf(query); 184 Elements elements = new Elements(); 185 HashSet<Element> seenElements = new HashSet<>(); // dedupe elements by identity, as .equals is == 186 187 for (Element root : roots) { 188 selectStream(evaluator, root) 189 .filter(seenElements::add) 190 .forEach(elements::add); 191 } 192 193 return elements; 194 } 195 196 // exclude set. package open so that Elements can implement .not() selector. 197 static Elements filterOut(Collection<Element> elements, Collection<Element> outs) { 198 Elements output = new Elements(); 199 for (Element el : elements) { 200 boolean found = false; 201 for (Element out : outs) { 202 if (el.equals(out)) { 203 found = true; 204 break; 205 } 206 } 207 if (!found) 208 output.add(el); 209 } 210 return output; 211 } 212 213 /** 214 Find the first Element that matches the query. 215 216 @param cssQuery CSS selector 217 @param root root element to descend into 218 @return the matching element, or <b>null</b> if none. 219 */ 220 public static @Nullable Element selectFirst(String cssQuery, Element root) { 221 Validate.notEmpty(cssQuery); 222 return Collector.findFirst(evaluatorOf(cssQuery), root); 223 } 224 225 /** 226 Find the first element matching the query, across multiple roots. 227 228 @param cssQuery CSS selector 229 @param roots root elements to descend into 230 @return the first matching element, or {@code null} if none 231 @since 1.19.1 232 */ 233 public static @Nullable Element selectFirst(String cssQuery, Iterable<Element> roots) { 234 Validate.notEmpty(cssQuery); 235 Validate.notNull(roots); 236 Evaluator evaluator = evaluatorOf(cssQuery); 237 238 for (Element root : roots) { 239 Element first = Collector.findFirst(evaluator, root); 240 if (first != null) return first; 241 } 242 243 return null; 244 } 245 246 /** 247 Given a CSS identifier (such as a tag, ID, or class), escape any CSS special characters that would otherwise not be 248 valid in a selector. 249 250 @see <a href="https://www.w3.org/TR/cssom-1/#serialize-an-identifier">CSS Object Model, serialize an identifier</a> 251 @since 1.20.1 252 */ 253 public static String escapeCssIdentifier(String in) { 254 return TokenQueue.escapeCssIdentifier(in); 255 } 256 257 /** 258 Consume a CSS identifier (ID or class) off the queue. 259 <p>Note: For backwards compatibility this method supports improperly formatted CSS identifiers, e.g. {@code 1} instead 260 of {@code \31}.</p> 261 262 @return The unescaped identifier. 263 @throws IllegalArgumentException if an invalid escape sequence was found. 264 @see <a href="https://www.w3.org/TR/css-syntax-3/#consume-name">CSS Syntax Module Level 3, Consume an ident sequence</a> 265 @see <a href="https://www.w3.org/TR/css-syntax-3/#typedef-ident-token">CSS Syntax Module Level 3, ident-token</a> 266 @since 1.20.1 267 */ 268 public static String unescapeCssIdentifier(String in) { 269 try (TokenQueue tq = new TokenQueue(in)) { 270 return tq.consumeCssIdentifier(); 271 } 272 } 273 274 /** 275 Parse a CSS query into an Evaluator. If you are evaluating the same query repeatedly, it may be more efficient to 276 parse it once and reuse the Evaluator. 277 278 @param css CSS query 279 @return Evaluator 280 @see Selector selector query syntax 281 @throws Selector.SelectorParseException if the CSS query is invalid 282 @since 1.21.1 283 */ 284 public static Evaluator evaluatorOf(String css) { 285 return QueryParser.parse(css); 286 } 287 288 public static class SelectorParseException extends IllegalStateException { 289 public SelectorParseException(String msg) { 290 super(msg); 291 } 292 293 public SelectorParseException(String msg, Object... msgArgs) { 294 super(String.format(msg, msgArgs)); 295 } 296 297 public SelectorParseException(Throwable cause, String msg, Object... msgArgs) { 298 super(String.format(msg, msgArgs), cause); 299 } 300 } 301}