jquery - jQuery和多个类只选择一个类

Question

我有一个像这样的按钮：

<button class="sOne sTwo sThree addUser">Click Me</button>
<button class="sOne sTwo sThree delUser">Click Me</button>
<button class="sOne sTwo sThree blockUser">Click Me</button>

我只需要检测类addUser，因为在我的 jQuery 中我这样做：

$('.addUser,.delUser,.blockUser').click(function() {
var act = $(this).attr('class');
switch (act)
case 'addUser':
case 'delUser':
case 'blockUser':
});

问题是，我在那里得到了整个类：sOne sTwo sThree addUser，并且我的所有脚本都失败了。

我怎样才能只检测到类addUser等delUser。

Answer 1

你可以使用hasClass()：

$('.addUser,.delUser,.blockUser').click(function() {
    if ($(this).hasClass('addUser')) {
        //do something
    }
});

如果每个元素的所有代码都不同，那么评估是否可以为每个元素提供它自己的点击处理程序可能是值得的。

Answer 2

使用switch说明如下if，else if

$('.addUser,.delUser,.blockUser').click(function() {
  var $this = $(this);
  if ($this.hasClass('addUser') {
       //code for addUser
  } else if ($this.hasClass('delUser') {
       //code for delUser
  } else if ($this.hasClass('blockUser') {
       //code for blockUser
  }
});