javascript - 单击按钮或其他按钮即可运行单击功能

Question

所以我有类似的东西:

$('#friendRequests').on('click', '.acceptFriendRequest', function (event) {
 // code here
}

我如何点击 .denyFriendRequest 来运行上面相同的功能，并知道点击了哪个按钮(以决定是在我的后端接受还是拒绝请求)

谢谢

Answer 1

使用Multiple Selector (“selector1, selector2, selectorN”)将事件绑定(bind)到多个元素，并使用 this、$(this) 或 this.target 来引用当前元素。

Live Demo

$('#friendRequests').on('click', '.acceptFriendRequest, .denyFriendRequest', function (event) {    
     alert(this.className);
     //alert($(this).attr('class');
     //alert(event.target.className);
});

如果您希望该元素有多个类，并且您需要其中一个类是 .acceptFriendRequest 或 .denyFriendRequest，那么您可以使用 .hasClass()

$('#friendRequests').on('click', '.acceptFriendRequest, .denyFriendRequest', function (event) {    
   if($this).hasClass('acceptFriendRequest')
   {

   }
   if($this).hasClass('denyFriendRequest')
   {

   }
});