0

ビューに以下の種類のボタンがあります。これらはサーバー側のコードを介して動的に生成されます。したがって、私の質問は、そのボタンの関連タスクを実行するために汎用の jquery クリック イベントを記述する必要があることです。（ここでは、サーバーコードとしてすべてのボタンのジェネリックメソッドがあります）。では、ジェネリックサーバーコールを書き込むための特定のボタンをどのように検出できますか？

注 :すべてのボタンの共通部分はプリペイド パッケージです。

 <button id="pre-paid-package-12-day-camp" class="actionButton pre-paid-package-12-day-camp " name="key" value="pre-paid-package-12-day-camp" type="submit">
      Apply 12-Day Camp package
   </button>
<button id="pre-paid-package-20-day-camp" class="actionButton pre-paid-package-20-day-camp " name="key" value="pre-paid-package-20-day-camp" type="submit">
      Apply 20-Day Camp package
   </button>
4

2 に答える 2

3

次のことができます

HTML

    <button id="pre-paid-package-12-day-camp" class="actionButton pre-paid-package-12-day-camp " name="key" value="pre-paid-package-12-day-camp" type="submit">Apply 12-Day Camp package</button>
    <button id="pre-paid-package-20-day-camp" class="actionButton pre-paid-package-20-day-camp " name="key" value="pre-paid-package-20-day-camp" type="submit">Apply 20-Day Camp package</button>

Th JS

$(document).on('click', '[id^="pre-paid-package"]', function() {
    alert('clicked');
});

Jsフィドル

編集 アントンの提案に従って、回答を更新しました

于 2013-09-27T08:09:15.020 に答える
1

.on()およびjquery 属性セレクターを使用できます

$("button[id^='pre-paid-package']").on('click', function(){
   // code here
});

ここ^から始めましょう

于 2013-09-27T08:10:08.783 に答える