jQuery-jquery 设置内容html(数组)问题

Question

    var menu = new Array();
for (var j=0,i = $("#hidden").find("ul").length; j<i; j++) {
        menu[j] = $("#js_"+j).html();
        $("#btn_"+j).click(function(){
        $("#menu_1").html(menu[j]);
        });
    };

Answer 1

click()里面是个函数，这个函数是个闭包，闭包封闭（捕获）的是变量而不是值，所以循环里的每个闭包引用了同一个j，当循环结束时 j = $("#hidden").find("ul").length，超过了menu的长度。

正确做法一：

var menu = new Array();
for (var j=0,i = $("#hidden").find("ul").length; j<i; j++) {
    menu[j] = $("#js_"+j).html();
    (function(index){
        $("#btn_"+j).click(function(){
            $("#menu_1").html(menu[index]);
        })
    })(j)
};