javascript - 如何在 jQuery 中同时对 anchor 标记和按钮标记使用点击事件？

Question

我在我的项目中使用 jQuery 1.9.1。我有以下 HTML:

<button type="button" id="btn_add" class="btn btn-primary">Add</button>
<a class="btn_delete" href="#"><i class="icon-trash"></i></a>

如果用户单击包含在类“btn_delete”的 anchor 标记中的图标或单击 ID 为“btn_add”的按钮，我想显示相同的警告消息。

为此，我尝试了以下代码，但对我来说没有成功。

$(document).ready(function() {
  $("button#btn_add.btn_delete").on("click", function(event) { 
    event.preventDefault();
    alert("This action has been temporarily disabled!")
  });
});

有人可以在这方面帮助我吗？

如果您想了解有关我所面临问题的更多信息，请告诉我。

提前致谢。

Answer 1

   **Approach #1**
   function doSomething(){
    //your code
   }

   $('#btn_add').click(doSomething);
   $('.btn_delete').click(doSomething);

   **Approach #2**
   $("#btn_add,a.btn_delete").on("click", function(event) { 
      event.preventDefault();
      alert("This action has been temporarily disabled!")
   });