В Jquery, как увеличить время задержки анимации для каждого дочернего элемента выбранного элемента?

Question

«Прямоугольник» - это класс списка элементов. Я хотел бы добавить класс Animation с некоторыми регулярными интервалами, используя Animate-delay: Кажется, это не работает !! Вот мой код jQuery:

 var element = $('.rectangle');
 for (var i = element.length - 1; i >= 0; i--) {
    element[i].css('animation-delay',i+'s').addClass('animated fadeInRight'); 
 }

Answer 1

Я нашел Easy Solutions для вышеуказанного вопроса.

    var current = 0;
    $( ".rectangle" ).each(function(){
      $(this).addClass('animated fadeInRight').css('animation-delay', current+'s');
      current++;
    });