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 (-).
This selector was introduced into the CSS specification to handle language attributes.
jQuery( "[attribute|='value']" )
version added: 1.0
Examples:
Finds all links with an hreflang attribute that is english.
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>attributeContainsPrefix demo</title> <style> a { display: inline-block; } </style> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> </head> <body> <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> <script> $( "a[hreflang|='en']" ).css( "border", "3px dotted green" ); </script> </body> </html>
Please login to continue.