Question

所以我有类似的东西：

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

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

谢谢

Answer 1

使用Multiple Selector (“selector1, selector2, selectorN”)将事件绑定到多个元素，并使用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')
   {

   }
});

Answer 2

尝试使用jquery hasClass()：

$('#friendRequests').on('click', function (event) {

  if ($(this).hasClass("acceptFriendRequest")) {
    //
  } else if ($(this).hasClass("denyFriendRequest")) {
    //
  } else {
    //
  }
}

Answer 3

你可以这样做：

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

单击按钮或其他按钮运行单击功能

3 个答案: