内容目录
jQuery的[attribute$=value]选择器用于匹配指定属性以指定值结尾的所有元素,将其封装为jQuery对象并返回。
如果指定属性的值恰好等于指定值,也视作符合匹配条件。
语法
// 这里的attribute表示具体的属性名称,这里的中括号也是必需的
// 这里的value表示具体的属性值
jQuery( "[attribute$=value]" )
参数
参数 | 描述 |
---|---|
attribute | 指定的属性名称。 |
value | 指定的属性值。 |
如果参数value
中包含诸如"["、"]"等特殊字符,你可以根据需要给value
加上单引号或双引号,以name
属性值以Code[Player
结尾为例,对应的jQuery代码如下:
// 以下四种方式均可
$("[name$='Code[Player']");
$("[name$=\"Code[Player\"]");
$('[name$="Code[Player"]');
$('[name$=\'Code[Player\']');
返回值
返回封装了所有指定属性以指定值结尾的元素的jQuery对象。
如果找不到任何相应的匹配,则返回一个空的jQuery对象。
示例&说明
以下面这段HTML代码为例:
<div id="n1">
<div id="n2">
<input id="n3" name="id[]" type="checkbox" value="1" >
<input id="n4" name="id[]" type="checkbox" value="2" >
<input id="n5" name="id[]" type="checkbox" value="3" >
</div>
<div id="n6">
<ul id="n7">
<li id="n8" dataId="x[5_1]">item1</li>
<li id="n9" dataId="x[5_2]">item2</li>
<li id="n10" dataId="x[6_1]">item3</li>
</ul>
</div>
</div>
现在,我们想要查找所有id
属性以5
结尾的元素,则可以编写如下jQuery代码:
// 选择了id为n5的一个元素
$("[id$=5]");
接着,查找dataId
属性以_1]
结尾的所有元素,则可以编写如下jQuery代码:
// 选择了id分别为n8、n10的两个元素
$("[dataId$='_1]']");
0 条评论
撰写评论