当内容更改时使用jquery添加和删除类

Question

我正在和countdown.js合作做一个倒计时计数器。我基本上是试图模仿柜台从头版，但这一个只是计算到新年，我想能够编辑日期(这是我做过的)。

我有的是这个(例如几秒钟)

<div class="countdown_inner flip'">
    <div class="countdown second curr top" id="second"></div>
    <div class="countdown second next top"></div>
    <div class="countdown second next bottom"></div>
    <div class="countdown second curr bottom"></div>
    <span>Seconds</span>
</div>

下一个number和curr每秒钟都在变化(倒计时--这个数字是通过countdown.js inisde那些div生成的)。我需要删除，然后每次发生更改时都添加flip类。这就是作者在页面上发生的事情。他的代码和我的有很大的不同，所以我不能只是复制和粘贴它。每次改变发生在分钟，小时等，flip将消失，并再次出现在一秒后。我尝试了几个jquery处理程序，但没有成功(.on('change')或类似的东西)。

编辑:修正了代码。

Answer 1

用你的.on('update.countdown',callback)

活动：

$('div#clock').countdown(finalDate)
    .on('update.countdown', callback)
    .on('finish', callback);

例子：

<div class="some"></div>
<div class="some"></div>
<div class="some"></div>
<div class="some"></div>

jquery

event.offset =>月，周，天，小时，分钟，秒

$('.some').each(function(){
    $(this)
    .countdown('2015/10/10 12:34:56')
    .on('update.countdown', function(event){
        var format = '%M:%S';
        if(event.offset.minutes % 2 == 1){ //odd number
            console.log('odd number');
            $(this).addClass('flip');
        } 
        if (event.offset.minutes % 2 == 0){ //numbered 
            console.log('numbered ');
            $(this).removeClass('flip');
        }
        $(this).html(event.strftime(format));
    });
});

Answer 2

您可以使用函数.removeClass('CLASSNAME') / .addClass('CLASSNAME')；

试着：

$("#WHATEVER").removeClass('CLASSNAME U WANT TO REMOVE')
$("#WHATEVER").addClass('CLASSNAME U WANT TO REMOVE');

希望它对你有帮助;)