相关文章:

jQuery 选择器([attribute~=value])详解

代码类型:

杂项:

  • 启用CSS/JS语法检查
  • 监测脚本运行错误
  • 禁止库文件重复

文档类型:

JS库文件:

手动添加:

  1. jQuery 1.11.1
 
1
<div id="n1">
2
    <div id="n2">
3
        <input id="n3" name="Jim Anna jQuery" type="checkbox" value="1" >
4
        <input id="n4" name="Jim-Anna-jQuery" type="checkbox" value="2" >
5
        <input id="n5" name="Anna  Jim jQuery" type="checkbox" value="3" >
6
        <input id="n6" name="Jim jQuery Anna" type="checkbox" value="3" >
7
        <input id="n7" name="Anna" type="checkbox" value="4" >
8
    </div>
9
</div>
xxxxxxxxxx
14
 
1
// 扩展jQuery对象，添加showTagInfo()方法
2
// 用于将jQuery对象所有匹配元素的标识信息追加到body元素内
3
// 每个元素的标识信息形如："tagName"或"tagName#id"
4
jQuery.fn.showTagInfo = function(){
5
    var tags = this.map( function(){
6
        return this.tagName + ( this.id ? "#" + this.id : "" );
7
    } ).get();
8
    $("body").append( "<br>" + tags.join("<br>") + "<br>" );
9
};
10
​
11
​
12
​
13
// 选择了id分别为n3、n5、n6、n7的4个元素
14
$("[name~=Anna]").showTagInfo();
​x
 
1
​