Attribute Contains Prefix Selector [name|="value"]

Selects elements that have the specified attribute with a value either equal to a given string or starting with that string followed by a hyphen (-).

.attributeContainsPrefix(attribute, value)

attribute StringAn attribute name.
value StringAn attribute value. Can be either a valid identifier or a quoted string.

This selector was introduced into the CSS specification to handle language attributes.

Finds all links with an hreflang attribute that is english.

JS
<a href="example.html" hreflang="en">Some text</a>
<a href="example.html" hreflang="en-UK">Some other text</a>
<a href="example.html" hreflang="english">will not be outlined</a>
CSS
a {
  display: inline-block;
}
HTML
$("a[hreflang|='en']").css("border", "3px dotted green");
DEMO

Looking for a Web Developer?

👋

Hi! I'm Basti, author of this site. If you are looking for a web developer with 15+ years of experience, holla at me!

Be it the good 'ol jQuery, vanilla JS or modern frameworks like Vue and Svelte, front- or backend, I can help you.

Just write me at jobs@jqapi.com :)