javascript - .each() を使用したすべての反復が発生したら、どのように関数を呼び出しますか?

Question

以下は、助けが必要なスニペットです。すべてのスパンが繰り返されたら、関数を呼び出したいと思います。たとえば、8 つのスパンがあり、8 番目のスパンの関数が実行された後、どのように呼び出すのnextFunction()ですか?

    $('#div1').animate({ opacity: '0.2' }, 500, function () {
         $('span').each(function () {
             //do something.
         });
         nextFunction();
    });

    function nextFunction() {
         alert("called after the last .each() has occurred");
    };

Answer 1

.each() ループで AJAX リクエストを使用する予定がない限り、コードは実際に記述したとおりに順番に実行する必要があります。

Answer 2

.each()同期です。それはあなたが持っている方法で機能します。このフィドルを参照してください

Answer 3

このようなもの

$('#div1').animate({ opacity: '0.2' }, 500, function () {
         var doSomething = 0,
             ctx = null,
             checker = null;
         checker = function() {
           if (domSomething === $('span').length)
           {
              clearTimeout(ctx);
              nextFunction();
              return ;
           }
           setTimeout(checker, 100);
         };
         $('span').each(function () {
             doSomething += 1;
             //do something.
         });
         checker();
    });