javascript - Can I use an attribute selector for CONTAINS in queryselector()?

Question

I would like to select an element based on a substring of href attribute.

I posted a question recently where I received an answer based on "starts with":

document.querySelector('#utility-menu a[href^="/email_check?lang="').textContent.trim();

But actually, the only constant from page to page will be "lang=" within the href attribute. So /email_check? is page specific so I cannot use this variable on al pages.

Is it possible to modify my selector to return the textContent of any <a> element with the substring "lang=" within it?

question from:https://stackoverflow.com/questions/31773599/can-i-use-an-attribute-selector-for-contains-in-queryselector

Answer 1

All CSS selectors are documented on MDN and specified in the W3C CSSWG Selectors Level 4 overview¹ (Archived link).

The one you need is

#utility-menu a[href*="lang="]

Pattern	Represents
E[foo*="bar"]	An E element whose foo attribute value contains the substring bar.