jQueryでのワイルドカードセレクタの使用概要

1246 ワード

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についてです.

 

使わないでください

$("#haorooms[0]") 

選択を行うと、通常問題が発生します.特にselectの場合です.次の方法で

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

または

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

このように効率的には直接IDに及ばないが、エラーはなく、上のnameとidに接尾辞[0]がない場合は、直接Idセレクタで選択することをお勧めします.