点击一个或另一个按钮时运行点击功能

run on click function at the click of a button or another

本文关键字：按钮 运行 功能 另一个 一个      更新时间：2023-09-26

所以我有这样的东西：

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

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

感谢

使用多个选择器（"selector1，selector2，selectorN"）将事件绑定到多个元素，并使用this、$（this）或this.target引用当前元素。

实时演示

$('#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')
   {
   }
});

尝试使用jquery hasClass（）：

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

您可以这样做：

$('#friendRequests').on('click', '[class$="FriendRequest"]', function (event) {
  console.log(event.target.className);
}
相关文章：