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

attributeContainsWord selector

描述: 选择指定属性用空格分隔的值中包含一个给定值的元素。

  • 添加的版本: 1.0jQuery( "[attribute~='value']" )

    attribute: 一个属性名.

    value: 一个属性值，可以是一个不带引号的一个单词或带一个引号的字符串。

这个选择器测试属性值中的每个单词字符串，其中“word”是一个由空白分隔的字符串定义的。如果测试字符串恰好等于任何一个字词这个选择器将选择。

例子:

查找所有属性中含有 'man' 这个单词的文本框，并且修改其文本值。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<!DOCTYPE html>
<html>
<head>
  <script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.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>

Demo: