使“每个”循环连续发生

Question

我有两个操作需要应用于一组 DIV，但我需要一个周期在另一个周期完成之前发生。

这是我的代码：

$("div").each(function(){
        //do stuff first
}).each(function(){
        //do stuff next
});

但目前，do stuff next 发生在 do stufffirst 完成之前。我能做些什么来阻止这一切吗？

完整脚本

$("div").each(function(){
                    if($(this).html() === "yes"){

                        $(this).fadeOut(time,function(){
                            $(this).parent().height(0);
                        });



                    }
        }).each(function(){
                    if($(this).html() !== "yes"){

                        $(this).parent().height(25);
                        $(this).fadeIn(time);

                    }
        });

Answer 1

知道您想要淡入然后设置高度，这会满足您的要求吗？

var divs = $('div');
divs.fadeIn(function () {
  divs.height('200');
});

使用每个允许不同的 div 设置不同的设置：

$('div').each(function () {
  var div = $(this), toggle = true;
  div.fadeIn(function () {
    if (toggle = !toggle) {
      div.height('200');
    } else {
      div.width('200');
    }
  });
});

看到你的代码片段我相信我现在明白了：

var yesDivs = $('div').filter(function () {
  return $(this).html() === 'yes';
});
yesDivs.fadeOut(time, function () {
  yesDivs.parent().height(0);
  $('div').filter(function () {
    return $(this).html() !== 'yes';
  }).fadeIn(time).parent().height(25);
});