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

jQuery和多个类只选择一个类

2 个答案: