使用jquery检测动态按钮
我的视图中有以下类型的按钮。这些按钮是通过服务器端代码动态生成的。所以我的问题是,我需要编写通用的jquery click事件来执行这些按钮的相关任务。(这里我有作为服务器代码的所有按钮的通用方法)。那么,我如何检测用于编写通用服务器调用的特定按钮呢 注意:所有按钮的公共部分是预付费套餐使用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
<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
});