jQuery & jQuery UI Documentation

jQuery & jQuery UI

Attribute Contains Word Selector [name~="value"]

attributeContainsWord selector

version added: 1.0jQuery('[attribute~="value"]')

  • attribute
    An attribute name.
    value
    An attribute value. Quotes are mandatory.

Description: Selects elements that have the specified attribute with a value containing a given word, delimited by spaces.

This selector matches the test string against each word in the attribute value, where a "word" is defined as a string delimited by whitespace. The selector matches if the test string is exactly equal to any of the words.

Example:

Finds all inputs with a name attribute that contains the word 'man' and sets the value with some text.

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-1.7rc2.js"></script>
</head>
<body>
  <input name="man-news" />

  <input name="milk man" />
  <input name="letterman2" />
  <input name="newmilk" />
<script>$('input[name~="man"]').val('mr. man is in it!');</script>

</body>
</html>