分类导航

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了JQuery使用each()作为每个循环的经典而不是一次全部，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我正在尝试遍历一组div标签,并逐个淡入淡出.
到目前为止,使用.each()运算符,它会立即执行所有操作.
你如何使用.each()作为每个循环的更经典？

这是我的JQuery 代码片段,目前它将所有div标签一并一个地淡入淡出.

$("document").ready(function() {   
// all div tags are hidden at start 

    $(".myclass").each(function (i) {
      var $div = $(this);
      showDiv($div);
      hideDiv($div);
});

function showDiv(theDiv)
{
      $(theDiv).fadeIn(4000);
}

function hideDiv(theDiv)
{
       $(theDiv).fadeOut(4000);
}     
});

谢谢你考虑这个问题,@H_772_13@

最佳答案@H_772_13@ @H_618_16@这不是关于使用.each()与plain for循环.问题是动画是通过超时处理的(由jQuery管理).在动画发生之前,立即返回.fadeIn()和.fadeOut()的@L_197_5@.

您可以为每个fadeIn()添加一些延迟,或者您可以以不同方式构造代码：

$("document").ready(function() {   
  var divs = $('.myclass'),i = 0;
  function reveal() {
    if (i === divs.length) return;
    divs.eq(i).fadeIn(4000,function() {
      divs.eq(i).fadeOut(4000,function() {
        i++;
        setTimeout(reveal,0);
      });
    });
  }
  setTimeout(reveal,0);
});