クロージャを使用してforループ内でクリック機能を動的に追加します

Question

ダイナミックアコーディオンを作成しようとしています。私の問題は、forループ内のi変数への参照を取得できないようです。私はそれが範囲の問題であることを知っていますが、私はこの閉鎖がトリックを行うだろうと思っていました....誰かがこれが私を完全に狂気にさせてくれているので、助けてください。

jQuery(function(){ 

    var tables = jQuery('table'); 
    var tableHeadings = jQuery('h3'); 

    for(i =0 , ii = tableHeadings.length; i < ii; i++){ 
    (function(){ 

     var index = i; 
     tables.eq(index).addClass('table-' + index); 

     tableHeadings.eq(index).click(function(){ 
      tables.eq(index).slideToggle(); 
     }); 

     })(); 
    } 
}); 

Answer 1

いっそのこと：

tableHeadings.each(function(index, element) { 
    tables.eq(index).addClass('table-' + index); 

    tableHeadings.eq(index).click(function() { 
    tables.eq(index).slideToggle(); 
    }); 
});