jQuery中的通配符选择器使用总结
jquery选择器中的通配符经常用到,大致的用法总结如下:
$("input[id^='code']");//id属性以code开始的所有input标签
$("input[id$='code']");//id属性以code结束的所有input标签
$("input[id*='code']");//id属性包含code的所有input标签
$("input[name^='code']");//name属性以code开始的所有input标签
$("input[name$='code']");//name属性以code结束的所有input标签
$("input[name*='code']");//name属性包含code的所有input标签
使用示例
$("input[name*='code']").each(fuction(){
varsum=0;
if($(this).val()!=""){
sum=parseInt(sum)+parseInt($(this).val());
}
$("#").text(sum);
})
使用时注意
关于如下input:
<inputtype="text"name="code[0]"id="haorooms[0]"/>
请不要用
$("#haorooms[0]")
进行选择,这样通常会出现问题,特别是select的时候。要用如下方式
$("input[id^='haorooms']")
或者
$("input[name^='code']")
这样效率上面不如直接ID,但是不会出错,假如上面的name和id都没有后缀[0],那么推荐直接用Id选择器来选择!
热门推荐
10 八一幼儿祝福语大全简短
11 公司乔迁食堂祝福语简短
12 婚礼结束聚餐祝福语简短
13 儿媳买车妈妈祝福语简短
14 毕业送礼老师祝福语简短
15 同事辞职正常祝福语简短
16 恭贺新婚文案祝福语简短
17 金店立秋祝福语简短英文
18 婆婆高寿祝福语大全简短