javascript - 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 ]);
});
});
谢谢 :)
解决方案
推荐阅读
- javascript - 为什么我的道具带回的是动作功能,而不是日期?
- html - 在复杂形状容器内单击时隐藏/显示面板
- f# - 如何以文雅的方式处理“OPTIONS”请求
- javascript - Framework7 Vue:获取当前视图参数
- junit4 - Junit 测试失败,在 Assert 类中找不到 AssertArrayEquals 方法
- linux - Linux 信号处理程序中的 C++11 同步
- python - 如何拆分训练集和测试集?
- r - R:从文件导入 foo 作为 bar
- file - Xamarin iOS MusicXML 文件在 UIDocumentPickerViewController 中显示为灰色
- express - 是否可以在 Exressjs 中输出日志数据?