javascript - 如果元素具有特定的 CSS 值，请执行此操作

Question

当我的按钮被点击时，我改变了文本的颜色，
在这个副本改变了文本之后，我想执行另一个 Action 。

我写了以下内容，但无法让控制台或警报正常工作:<强> http://codepen.io/leongaban/pen/IltKJ

$('#my_button').unbind('click').bind('click', function () {

    $(this).css('background', '#666666');
    $('#my_button').css('color', '#f58733');

    if ($('#my_button').css('color') == '#f58733') {
        alert('my_button has the color orange');
    }

});

我尝试了从 Tamas's answer here 中找到的 CSS .

关于为什么警报没有被击中有什么想法吗？

Answer 1

试试这个:

Codepen

$('#my_button').unbind('click').bind('click', function () {
    $(this).addClass('clicked');
    if ($('#my_button').is('.clicked')) { //or use $('#my_button').hasClass('clicked')
        alert('my_button has the color orange');
    }
});