元素属性值包含词语选择器 [name~=”value”]
attributeContainsWord selector
描述:选择这样的元素:它们具有指定的元素属性,而且该元素属性的值包含了某个给定的词,并用空格作界定。
version added: 1.0
jQuery( "[attribute~='value']" )attribute: 一个元素属性名。
value: 一个元素属性值。可以是不用引号的单词,或者用引号括起的字符串。
该选择器针对元素属性值中的每个单词匹配测试字符串,其中“单词”被定义为用一个空格隔开的字符串。如果测试字符串严格等于其中的任一个词,选择器将匹配上。
示例
找到所有的元素属性name中包含了“man”的<input>,并把它的值设置为一些文本。
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>attributeContainsWord demo</title> <script src="https://code.jquery.com/jquery-1.10.2.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>
演示结果