Next »
1922/1956
« Previous

Attribute contains word ([foo~=bar])

Description and Syntax

([foo~=bar])

select all elements that have the foo attribute with a value containing the word bar, delimited by spaces.

Examples

  • $('[class~=myclass]') selects all elements that have the class of myclass.
  • $('a[rel~=nofollow]') selects all <a> elements with a rel value including nofollow.

The selector matches if the test string is exactly equal to any of the words. $('[class~=myclass]') is equivalent to $('.myclass').

$('a[rel~=nofollow]') matches <a rel="nofollow">text</a> as well as <a rel="nofollow self">text</a>, but does not match <a rel="nofollowself">text</a>.

For example the following code searches through the DOM for elements with an ID that contains the word "test."


<!DOCTYPE html> 
<html>
    <head>
        <script src="http://java2s.com/style/jquery-1.8.0.min.js"> 
        </script>
        <script>
            var userInfo = $("[id~='test']").length; 
            document.writeln(n);
        </script> 
    </head> 
    <body>
        <div id="test"></div> 
        <div id="test case"></div> 
        <div id="this is a test"></div> 
    </body> 
</html><!-- ww w .j  a  v  a 2  s  .c  o m-->

Click to view the demo

The code above generates the following result.

Attribute contains word ([foo~=bar])
Next »
« Previous