單擊按鈕或其他按鈕運行單擊功能

Question

所以我有類似的東西：

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

我如何點擊.denyFriendRequest來運行上面的相同功能，並知道點擊了哪個按鈕（以決定是否接受或拒絕我后端的請求）

謝謝

Answer 1

使用Multiple Selector（“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')
   {

   }
});

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);
}