jQueryでのワイルドカードSelector
こんなHTMLがあった時に、最初の3つに対してのみ、とあるクリックイベントを設定したいという時がある。
<button id="btn1">ボタン1</button> <button id="btn2">ボタン2</button> <button id="btn3">ボタン3</button> <button id="other">関係ないボタン</button>
そんな時、jQueryのselectorを使ってこんな風に設定できたらなぁと思っていた。が、こういうワイルドカードを使ったような指定はできない。
$('#btn*').click(function(){ });
無理かぁと思っていたら、別のやり方でいけました!
$(':button[id^=btn]').click(function(){ });
リファレンスをちゃんと読め、という話ですねw