.each（）の完了後にjQuery関数を呼び出す

jQueryでは、の呼び出し（または他のタイプの反復コールバック）が完了した後で、コールバックを呼び出したり、イベントをトリガーし.each()たりできます。

たとえば、この「フェードアンド削除」を完了させたい

$(parentSelect).nextAll().fadeOut(200, function() {
    $(this).remove();
});

いくつかの計算を行い、の後に新しい要素を挿入する前$(parentSelect)。既存の要素がjQueryにまだ表示されていて、任意の時間（要素ごとに200）をスリープ/遅延させることが、せいぜい壊れやすい解決策のように見える場合、私の計算は正しくありません。

.bind()イベントコールバックに必要なロジックを簡単に作成できますが.trigger()、上記の反復が完了した後で、をきれいに呼び出す方法がわかりません。明らかに、反復内でトリガーを呼び出すことはできません。トリガーが複数回起動するためです。

の場合$.each()、データ引数の最後に何かを追加することを検討しました（手動で反復本体を検索します）が、それを強制されたくないので、他にエレガントなものがあることを望んでいました反復的なコールバックに関してフローを制御する方法。

@tvの答えの代替：

var elems = $(parentSelect).nextAll(), count = elems.length;

elems.each( function(i) {
  $(this).fadeOut(200, function() { 
    $(this).remove(); 
    if (!--count) doMyThing();
  });
});

それ.each()自体は同期的であることに注意してください。呼び出しの.each()後に続くステートメント.each()は、呼び出しが完了した後にのみ実行されます。ただし、反復で開始された非同期操作.each()は、当然、独自の方法で続行されます。それがここでの問題です。要素をフェードするための呼び出しはタイマー駆動のアニメーションであり、それらは独自のペースで続行します。

したがって、上記のソリューションは、フェードされている要素の数を追跡します。への各呼び出し.fadeOut()は、完了コールバックを取得します。コールバックが、含まれているすべての元の要素を介してカウントされていることに気付いた場合、すべてのフェードが終了したことを確信を持って後続のアクションを実行できます。

これは4年前の回答です（現時点では2014年）。これを行う最新の方法は、おそらく遅延/約束メカニズムを使用することになるでしょうが、上記は単純であり、うまく機能するはずです。

おそらく遅くなるでしょうが、このコードはうまくいくと思います...

$blocks.each(function(i, elm) {
 $(elm).fadeOut(200, function() {
  $(elm).remove();
 });
}).promise().done( function(){ alert("All was done"); } );

わかりました、これは事実の少し後かもしれませんが、.promise（）はあなたが望んでいることも達成するはずです。

Promiseのドキュメント

私が取り組んでいるプロジェクトの例：

$( '.panel' )
    .fadeOut( 'slow')
    .promise()
    .done( function() {
        $( '#' + target_panel ).fadeIn( 'slow', function() {});
    });

:)

JavaScriptは同期して実行されるため、その後each()に配置したものeach()はすべて、完了するまで実行されません。

次のテストを検討してください。

var count = 0;
var array = [];

// populate an array with 1,000,000 entries
for(var i = 0; i < 1000000; i++) {
    array.push(i);
}

// use each to iterate over the array, incrementing count each time
$.each(array, function() {
    count++
});

// the alert won't get called until the 'each' is done
//      as evidenced by the value of count
alert(count);

アラートが呼び出されると、アラートeach()は完了するまで実行されないため、countは1000000になります。

jsonオブジェクトではなく配列を処理する多くの応答が見つかりました。私の解決策は、カウンターをインクリメントしながらオブジェクトを1回反復し、オブジェクトを反復してコードを実行するときに、2番目のカウンターをインクリメントすることでした。次に、2つのカウンターを比較して、ソリューションを取得します。私はそれが少し不格好であることを知っていますが、これまでよりエレガントな解決策を見つけていません。これは私のサンプルコードです：

var flag1 = flag2 = 0;

$.each( object, function ( i, v ) { flag1++; });

$.each( object, function ( ky, val ) {

     /*
        Your code here
     */
     flag2++;
});

if(flag1 === flag2) {
   your function to call at the end of the iteration
}

私が言ったように、それは最もエレガントではありませんが、それは機能し、うまく機能し、まだより良い解決策を見つけていません。

乾杯、JP

あなたがそれをいくつかのステップにしたいと思っているなら、これはうまくいくかもしれません。ただし、アニメーションが順番に終了するかどうかに依存します。それは問題ではないと思います。

var elems = $(parentSelect).nextAll();
var lastID = elems.length - 1;

elems.each( function(i) {
    $(this).fadeOut(200, function() { 
        $(this).remove(); 
        if (i == lastID) {
           doMyThing();
        }
    });
});

どうですか

$(parentSelect).nextAll().fadeOut(200, function() { 
    $(this).remove(); 
}).one(function(){
    myfunction();
}); 

それが機能するためには、残りのリクエストをキューに入れる必要があります。

var elems = $(parentSelect).nextAll();
var lastID = elems.length - 1;

elems.each( function(i) {
    $(this).fadeOut(200, function() { 
        $(this).remove(); 
        if (i == lastID) {
            $j(this).queue("fx",function(){ doMyThing;});
        }
    });
});

私は同じ問題に遭遇し、次のコードのような解決策で解決しました：

var drfs = new Array();
var external = $.Deferred();
drfs.push(external.promise());

$('itemSelector').each( function() {
    //initialize the context for each cycle
    var t = this; // optional
    var internal = $.Deferred();

    // after the previous deferred operation has been resolved
    drfs.pop().then( function() {

        // do stuff of the cycle, optionally using t as this
        var result; //boolean set by the stuff

        if ( result ) {
            internal.resolve();
        } else {
            internal.reject();
        }
    }
    drfs.push(internal.promise());
});

external.resolve("done");

$.when(drfs).then( function() {
    // after all each are resolved

});

解決策は、次の問題を解決します。Deferredオブジェクトを使用して、.each（）反復で開始された非同期操作を同期します。

おそらく遅い応答ですが、これを処理するためのパッケージがあり ますhttps://github.com/ACFBentveld/Await

 var myObject = { // or your array
        1 : 'My first item',
        2 : 'My second item',
        3 : 'My third item'
    }

    Await.each(myObject, function(key, value){
         //your logic here
    });

    Await.done(function(){
        console.log('The loop is completely done');
    });

私はこのようなものを使用しています：

$.when(
           $.each(yourArray, function (key, value) {
                // Do Something in loop here
            })
          ).then(function () {
               // After loop ends.
          });