Добавить класс в коллекцию элементов, последовательно начиная с последнего элемента

Question

Я хотел добавить класс в коллекцию элементов последовательно. Я нашел ответ here.

Для справки здесь код из этой статьи:

var i = 0; 
var callback; 

callback = function() { 
    if (i < article.length) { 
     $(article[i]).addClass('something'); 

     ++i; 
     setTimeout(callback, 10000); 
    } 
}; 

setTimeout(callback, 10000); 

Теперь я хотел бы, чтобы удалить класс, начиная с последнего элемента, так что в действительности в обратном порядке, что будет анимация.

Может ли кто-нибудь помочь? Спасибо заранее.

Answer 1

Просто начните i, как article.length петли в другом направлении

var i = article.length; 
var callback; 

callback = function() { 
    if (i--) { 
     $(article[i]).removeClass('something'); 
     setTimeout(callback, 10000); 
    } 
}; 

setTimeout(callback, 10000); 

Answer 2

Для того, чтобы сделать обратный:

var i = article.length - 1; 
var callback; 

callback = function() { 
    if (i >= 0) { 
     $(article[i]).removeClass('something'); 

     --i; 
     setTimeout(callback, 10000); 
    } 
}; 

setTimeout(callback, 10000); 

Answer 3

Хотя метод setTimeout работает, JQuery предоставляет способ для достижения этой цели гораздо более элегантно:

$(".article").each(function() { 
    var d = $(this); 
    $("body").queue(function(next) { 
     d.addClass("foo"); 
     next(); 
    }).delay(200) 
}) 

Итерацию в обратном порядке д заказ, сначала добавьте этот маленький «плагин»:

$.fn.reverse = [].reverse; 

, а затем:

$(".article").reverse().each(function() { 
    var d = $(this); 
    $("body").queue(function(next) { 
     d.addClass("foo"); 
     next(); 
    }).delay(200) 
})