jquery - 具有不同 id 的多个按钮的一种功能

Question

我有

$('#BtOpenFile').click(function () { SetTimeextendBtn(); });

但是有多个按钮具有不同的 ID，例如 #BtAquire、#BtDelete，...，并且我想对所有按钮使用 SetTimeextendBtn()。我不想重复这个功能。

我们怎样才能做到这一点？

Answer 1

您可以使用逗号在选择器中添加多个 id

$('#BtOpenFile, #BtAquire').click(function () { SetTimeextendBtn(this); });

将当前对象传递给SetTimeextendBtn(this);

function SetTimeextendBtn(source)
{
    alert(source.id);
}

应考虑使用另一种方法，即使用要将单击处理程序绑定(bind)到的同一类。假设您有公共(public)类 .btn 的按钮

 $('.btn').click(function () { SetTimeextendBtn(this); });

注意:如果您的点击处理程序只是调用函数并传递当前对象，那么您可以直接将该函数传递给点击:

$('.btn').click(SetTimeextendBtn);

您可以使用 this 作为 DOM 对象，使用 $(this) 作为按钮的 jQuery 对象来访问 SetTimeextendBtn 中的源按钮(对象)被点击。