for循环中的自动执行匿名单击函数

Question

我需要一个for循环中的click函数，这样每个id元素都可以单击。但是我还需要click函数中的I，这就是为什么我认为自动执行匿名函数是最好的方法。但出于某种原因，这不起作用，可能是因为单击函数不允许我转发参数？我做错了什么？

for (var i = 0; i < countItems; i++) {     
        $("#item-" + i).click(function(idx) {
           alert(idx);
    })(i)
}

Answer 1

你可以试试这样的

for (var i = 0; i < countItems; i++) {     
    $("#item-" + i).click(clickFunctn);
}

function clickFunctn(obj){
    var i=$(obj).attr('id').split('-')[1];
    alert(i);
}

通过这种方式，你将优化代码，你的“我”也将与你同在，所有项目都可以点击。您只需要绑定一个处理函数。

Answer 2

附带说明，使用bind（）javascript方法：

for (var i = 0; i < countItems; i++) {
    $("#item-" + i).click(function(indx){
           alert(indx);
    }.bind($("#item-" + i)[0],i));
}

Answer 3

自动执行函数必须返回一个函数：

for (var i = 0; i < countItems; i++) {
    $("#item-" + i).click(function(indx){
        return function(){  //must return a function
           alert(indx);
        }
    }(i));
}

JS小提琴：http://jsfiddle.net/HuHXr/