首页 > 编程 > JavaScript > 正文

jQuery中的通配符选择器使用总结

2019-11-20 09:51:02
字体:
来源:转载
供稿:网友

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(){  var sum=0;if($(this).val()!=""){ sum=parseInt(sum)+parseInt($(this).val());}$("#").text(sum);})

使用时注意
关于如下input:

 <input type="text" name="code[0]" id="haorooms[0]" />

请不要用

$("#haorooms[0]") 

进行选择,这样通常会出现问题,特别是select的时候。要用如下方式

$("input[id^='haorooms']") 

  或者
 

$("input[name^='code']") 

这样效率上面不如直接ID,但是不会出错,假如上面的name和id都没有后缀[0],那么推荐直接用Id选择器来选择!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表