JQueryセレクタ、xxで始まるIDのラベルセットを選択

997 ワード

JQueryではセレクタで指定した要素を選択できますが、ButtonのIDのセットがmy_である場合button_xxxという形で書かれた
<button id="my_button_oo1" value="001"/>
<button id="my_button_oo2" value="002"/>
<button id="my_button_oo3" value="003"/>
<button id="my_button_oo4" value="004"/>

もし彼らの役割がalertが自分のvalueを出すならば、このような形式で選択することができます:
$(function(){
  $("button[id^='my_button']").click(function(){
     alert(this.value);
  });
});

このような形でidをmy_にすることができますbuttonの先頭にあるすべてのbuttonは、buttonごとに1つを書くのではなく、選択されます.
  $( "input[id$='bottom']" )        id 'bottom' input $( "input[id*='contain']" )       id 'contain' input