Categories

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

Categories: Attribute

jQuery('[attribute|="value"]')

Description: 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 (-).

  • jQuery('[attribute|="value"]')

    version added: 1.0

    attribute   An attribute name.

    value   An attribute value. Quotes are mandatory.

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

  • Finds all links with an hreflang attribute that is english.

    HTML:
    
      <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; }
      
    Code:
    
    $('a[hreflang|="en"]').css('border','3px dotted green');