重複の可能性:
jQueryセレクターのワイルドカード
ページにいくつかのボタンがあり、idタグがid_1
、などid_2
であるとします。id_3
押されているものすべてをカバーする関数が欲しいので、最初の3文字がであるかどうかをチェックするものid_
。
$("?????").click(function(event) {
を置き換えるもの??????
この場合、代わりにクラスを使用することはできません。
重複の可能性:
jQueryセレクターのワイルドカード
ページにいくつかのボタンがあり、idタグがid_1
、などid_2
であるとします。id_3
押されているものすべてをカバーする関数が欲しいので、最初の3文字がであるかどうかをチェックするものid_
。
$("?????").click(function(event) {
を置き換えるもの??????
この場合、代わりにクラスを使用することはできません。
これも機能します:
$('[id^=id_]').click(function() {
//Do stuff here
});
これにより、属性が、でid
始まるすべての要素が選択されるid_
ためid_1
、、、、などがすべて選択されます。id_2
id_3
class
ただし、属性をセレクターとして使用する方が適切な場合があります。属性とは異なり、id
属性class
は一意である必要はありません。したがって、たとえば、ページに5つのボタンを配置し、それぞれにクラス名を付けてclickMe
、次のコードを使用して、いずれかのボタンのクリックをリッスンすることができます。
$('.clickMe').click(function() {
//Do stuff here
});
お役に立てば幸いです。
これはどうですか(私はJavaScriptにかなり慣れていないので、機能しない可能性があります):
for(var i = 0; i < maxId; i++) {
$("#id_"+i).click(function(e) {
//Blah blah blah
});
}
これを試して
$(function(){
$('button[id^="id_"]').on('click', function(e){
alert($(this).attr('id'));
});
});
これが例です。