for-loop - 使用闭包在 for 循环中动态添加单击函数

Question

我正在尝试创建一个动态 Accordion 。我的问题是我似乎无法在 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(); 
  });
});