jquery 遍历元素列表,按顺序添加和删除类

标签 jquery class timeout sequence

无法完全确定我的逻辑:这是漫长的一天。本质上,我有一个图像列表,我需要在设定的时间内重复向每个图像添加一个类并每次清除该类,从而运行这些图像。

所以这就是:

添加类(class),超时,删除类(class),重复下一个,如果最后一个转到第一个

这是我所得到的,它根本不起作用:

ul.find('.frame').each(function(){

    var thiis = $(this);

    thiis.addClass('showing');

    setTimeout(function(){
        thiis.removeClass('showing');
    }, 1000);
});

最佳答案

var $f = $('ul').find('.frame');

function recursive(i) {
    $f.removeClass('showing').eq(i).addClass('showing');
    setTimeout(function () {
        recursive(++i % $f.length)
    }, 1000);
}
recursive(0);

http://jsfiddle.net/Wja4r/

关于jquery 遍历元素列表,按顺序添加和删除类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15469474/

相关文章:

php - 从另一个插件/扩展类覆盖插件的功能

恰好在 60 秒后 apache 反向代理超时

JQuery 滚动动画颜色

jquery - 如何使用复选框插件从 jstree 获取已检查的 id 列表?

javascript - 在jQuery中将文本从textarea复制到div

c# - 有没有所谓的私有(private)类

java - 在调用 super 构造函数之前检查变量的有效性

docker - minio 客户端在本地工作,但不能从 docker 容器工作

javascript - 当变量选择数组中的元素时,为什么 Node 看不到该元素?

javascript - 在 success 函数之外使用 javascript 变量