jQuery attribute contains word selector
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 ofmyclass
.$('a[rel~=nofollow]')
selects all<a>
elements with arel
value includingnofollow
.
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><!-- w w w . j a v a 2 s . c o m-->