使'每個'循環連續發生

Question

我有兩個動作需要應用到一組DIV，但我需要一個循環才能在另一個循環完成之前發生。

這裏是我的代碼：

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

但目前，do stuff next前do stuff first完成情況。我能做什麼來阻止它？

完整劇本

$("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); 
});