jQuery - 函数后跟同一事件中的 if 条件

Question

这就是我想做的；

单击其中一个按钮以添加“已单击”类

再次单击同一个按钮以调出警报。

目前，警报会在同一次点击时出现。

谢谢

http://jsfiddle.net/bazzle/d68wsa32/

HTML

<div class="button">
button click here
</div>
<div class="button">
button click here
</div>
<div class="button">
button click here
</div>

jQuery

$('.button').each(function(){

$(this).on('click',function(){

    $(this).addClass('clicked');

    if ( $(this).hasClass('clicked') ){    
        alert('bingo');
    };

});

});

CSS

.button{
background-color:red;
color:white;
padding:1em;
margin:5px;
text-align:center;
}

.clicked{
background-color:black;
}

Answer 1

稍微改变一下代码:

  if ( $(this).hasClass('clicked') ){    
        alert('bingo');
    } else {
        $(this).addClass('clicked');
    };