使用jquery检测动态按钮

使用jquery检测动态按钮,jquery,asp.net-mvc,Jquery,Asp.net Mvc,我的视图中有以下类型的按钮。这些按钮是通过服务器端代码动态生成的。所以我的问题是,我需要编写通用的jquery click事件来执行这些按钮的相关任务。(这里我有作为服务器代码的所有按钮的通用方法)。那么,我如何检测用于编写通用服务器调用的特定按钮呢 注意:所有按钮的公共部分是预付费套餐 <button id="pre-paid-package-12-day-camp" class="actionButton pre-paid-package-12-day-camp " name="ke

我的视图中有以下类型的按钮。这些按钮是通过服务器端代码动态生成的。所以我的问题是,我需要编写通用的jquery click事件来执行这些按钮的相关任务。(这里我有作为服务器代码的所有按钮的通用方法)。那么,我如何检测用于编写通用服务器调用的特定按钮呢

注意:所有按钮的公共部分是预付费套餐

 <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>

申请12天夏令营套餐
申请20天夏令营套餐

您可以执行以下操作

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>

编辑
我已经更新了我的答案,根据安东的建议,你可以做以下事情

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>

编辑 我已经根据安东的建议更新了我的答案,您可以使用

这里的
^
是以开头的,您可以使用和


这里的
^
是以开头的

我不能使用它。因此,动态生成按钮时,我没有“dynamicButtons”类型的div。您可以将它绑定到文档,或者像这样绑定到最接近的静态parentElement@Sampath
$(document){
@Anton我不能通过识别所有按钮中的公共部分来做到这一点吗?我希望有这样的解决方案。识别您的公共部分?您的意思是什么,哪个公共部分?@Anton我在我的问题上提到过。这是“预付费套餐”,我不能使用它。因此我没有“动态按钮”动态生成按钮时的div类型。您可以将其绑定到document then或最接近的static parentElement@Sampath,如下所示
$(document)。在('click','class^=“pre-paid package”]',function()上{
@Anton我不能通过识别所有按钮中的公共部分来做到这一点吗?我希望有这样的解决方案。识别您的公共部分?您的意思是什么,哪个公共部分?@Anton我在我的问题上提到过。这是“预付费套餐”。您解决了我的问题。谢谢支持。您解决了我的问题。谢谢支持。
$("button[id^='pre-paid-package']").on('click', function(){
   // code here
});