Question

如果我有两个按钮，一个带有apple类，另一个带有apple和orange类：

<button class="apple"/>
<button class="apple orange"/>

在apple按钮的按钮点击事件中，如何判断点击的按钮是否还有orange类？

$("button.apple").click(function(event) 
{
 var hasOrange = // ???
}

Answer 1

jQuery仅为此目的提供.hasClass()：

$("button.apple").click(function(event) 
{
 var hasOrange = $(this).hasClass('orange');
}

Answer 2

您可以像这样使用hasClass()：

$('button.apple').click(function(){
  if ($(this).hasClass('orange')){
    // it has orange class too
  }
  else{
    // it does not have orange class
  }
});

你可以缩短一点：

$('button.apple').click(function(){
  var cls = $(this).hasClass('orange');
});

描述：确定是否有任何匹配的元素被分配给定的课程。

更多信息：

http://api.jquery.com/hasClass/

Answer 3

$(this).hasClass('orange')

如何检查点击按钮的第二堂课？

3 个答案: