setTimeoutがjquery.eachで動作しない、

Question

テーブルのセルを反復処理するときにjquery .removeClass呼び出しの間に遅延を追加しようとしています。セルはsetTimeoutなしで正しく表示されますが、setTimeoutを指定するとコードが改行されます。私は間違って何をしていますか？まず、それはデバッグが簡単だとして、代わりに匿名関数を使用し、setTimeoutの最初の引数に文字列を使用しないようにし、維持

function reveal_board() { 
$("td").each(function() { 
    var t=setTimeout('$(this).removeClass("invisible")', 500); 
}); 
} 

Answer 1

これを試してみてください：

function reveal_board() { 
    $("div").each(function(index) {   
     (function(that, i) { 
      var t = setTimeout(function() { 
       $(that).removeClass("invisible"); 
      }, 500 * i); 
     })(this, index); 
    }); 
} 

それはsetTimeout()に文字列を渡すために、一般的に悪い習慣だとも私はそのように使用しているときに変数を渡すことができるとは思いません。

また、thatが常に正しい要素に適用され、置換されないようにクロージャーでラップしました。

NiftyDudeのように、インデックスを渡して、それを使って順に各要素を表示することができます。

の作業例 - あなたが閉鎖を必要としないようhttp://jsfiddle.net/Cc5sG/

EDIT

はルックス：

function reveal_board() { 
    $("div").each(function(index) {   
     var that = this; 
     var t = setTimeout(function() { 
      $(that).removeClass("invisible"); 
     }, 500 * index);   
    }); 
} 

http://jsfiddle.net/Cc5sG/1/

Answer 2

まず最初：

$("td").each(function() { 
    var $this = $(this); 
    var t=setTimeout(function() { 
     $this.removeClass("invisible") 
    }, 500); 
}); 

また、私が何を本当にわからないんだけど（後であなたの質問を更新し、私は私の答えを適応します）ここで達成しようとしているが、あなたは次々と各td 500ミリ秒からinvisibleクラスを削除する場合は、使用することができますindex：

$("td").each(function() { 
    var $this = $(this); 
    var t=setTimeout(function(index) { 
     $this.removeClass("invisible") 
    }, 500 * (index+1)); 
}); 

Answer 3

お客様のthisは、グローバルwindowを指しています。

function reveal_board() { 
    $("td").each(function() { 
    $this = $(this); 
    var t=setTimeout(function(){$this.removeClass("invisible");}, 500); 
    }); 
} 

Answer 4

まあ、私は同じ問題を持っていました私はそれを解決しました...しかし、私は演奏などについて何も知らない、私はそれを使用した非常に短いループ（最大10要素）で、それは完全に機能しました...私はクラスを追加するためにそれを使用したので、クラスを削除するために何を与えるかを理解させます;）

var elements = $(".elements"); 
var timeout; 

elements.each(function(e){ 
    timeout = setTimeout(function(index) { 
     elements[elements.length-e-1].setAttribute('class', elements[elements.length-e-1].getAttribute('class')+' MY-NEW-CLASS'); 
    }, 500 * e); 
});