jQuery：每个按钮的onclick方法以[重复]开头

Question

我有一组 ID 为“del1”、“del2”等的按钮。我正在尝试制作一个 onclick 函数，该函数在单击任何这些按钮时触发。所以基本上替换：

$(document).on('click', '#del1', function(e) {
    alert("For button1");
});

$(document).on('click', '#del2', function(e) {
     alert("For button2");
});

etc

具有单一功能。按钮的数量可以改变，并且按钮的数量没有限制。我该怎么做？

Answer 1

方法一：

$('[id^="del"]').click(function() { //ID begins with "del"
    //code here
}); 

//or

$(document).on('click', '[id^="del"]', function(e) {
     //code here
});

方法 2：为所有按钮添加一个通用类：

$('.myButton').click(function(){/*code..*/});

Answer 2

您可以为所有元素指定一个类名并为其附加一个事件处理程序

<button data-index="1" class="button">click here</button>
<button data-index="2" class="button">click here</button>
<button data-index="3" class="button">click here</button>
<button data-index="4" class="button">click here</button>
<button data-index="5" class="button">click here</button>

$(document).on('click', '.button', function(e) {
alert("For button"+$(this).data('index'));});