首页 > 解决方案 > div上的jQuery自动更改类

问题描述

我有一个带类的 div,.render-inner.render-letter我用 jquery 制作了一个类(红色、蓝色、绿色、黄色) ,只需单击鼠标即可将类(红色、蓝色、绿色、黄色)添加到现有的(.render-inner.render-letter yellow... )中。.render-inner.render-letter blue如何在不单击鼠标且不停止的情况下使课程不断变化?

这是代码:

$(document).ready(function(){   
        $('.render-inner.render-letter') .addClass('green');        
var classes = ['red','blue','yellow','green'],
        i = 0;
    $('.render-inner.render-letter').click(function(){
        $(this).removeClass(classes[i])
               .addClass(classes[ i = ++i % classes.length ]);         
    });
});

谢谢 :)

标签: javascriptjquery

解决方案


推荐阅读