Jsoup is not Selecting Script Tag - html

Question

I am trying to select an script tag on page with text contains
Document doc=jsoup.parse(somehtml);
Elements ele=doc.select("script:contains(accountIndex)");
Code for script tag on the page is
<script>(function() {var vm = ko.mapping.fromJS({
"accountIndex": 1,
"accountNumber": "*******",
"hideMoreDetailsText": "Hide More Details",
"viewAccountNumberText": "Show Account Number",
"hideAccountNumberText": "Hide Account Number",
});window.AccountDetails = vm;})();</script>
I am able to select this script tag if i pass css locator of script tag like
Elements ele=doc.select("body > script:nth-child(44)");
There are many script tag on the page so the second approach is not generic.It may change in future.
Can somebody please tell what is the issue with the first approach.Because i am able to select other tags on the page with contains of jsoup

Answer 1

The selector :contains(text) looks for an element that has that text value. A script doesn't have text, it has data (otherwise the JS would be visible in the browser). You can use the :containsData(data) selector instead.
E.g.:
Elements els = doc.select("script:containsData(accountIndex)");
Here's an example. The Selector documentation has all the handled query types (which is not just strict CSS).

Answer 2

jsoup only supports CSS selectors, and those only allow you to select based on CSS classes and properties of the DOM elements, not their text contents (CSS selector based on element text?). You could try using another framework for parsing and querying the HTML, for example XOM and TagSoup like described here: https://stackoverflow.com/a/11817487/7433999
Or you could add CSS classes to youc script tags like this:
<script class="class1">
// script1
</script>
<script class="class2">
// script2
</script>
Then you can select the script tags again via CSS using jsoup:
Elements elements = document.select("script.class1");