javascript中如何将循环控制变量传递到循环中的事件中去？

Question

1，遇到一个需求，需要在循环中绑定事件，并需要在事件中用到循环控制变量，代码如下：
html代码：

<ol>
    <li class="item">li-node-01</li>
    <li class="item">li-node-02</li>
    <li class="item">li-node-03</li>
    <li class="item">li-node-04</li>
</ol>

js代码：

var list = $('.item').get();

var length = list.length,
    i;

for (i = 0; i < length; i++) {
    // 这里我给list[i]添加了一个属性，并将i值赋给它
    list[i].tmp = i;

    $(list[i]).on('click', function(e) {
        console.log(e.target.tmp);
    });
}

2，从上面的代码可以看到，我想在循环中的事件回调函数中使用循环变量的值，目前我想到的方法是，给绑定事件的对象添加一个额外的属性，并将循环控制变量的值赋给它。我想问下，除了这种方法外是否还有其它的方法。

注意：以上代码只是为了方便描述问题，实际应用中，在上面的li上添加事件是需要用事件委托机制的。

Answer 1

可以给li元素增加一个data：
$(list[i]).data('index',i)
在绑定的click事件中获取那个值：
$(this).data('index')

变量名index和i的值是可以任意的，所以可以很灵活

Answer 2

用jquery的each工具,objs是你选到的dom对象的集合，i是循环变量，n是循环到的dom对象
function里面可以写你要绑定的事件

$.each(objs,function(i,n){
     .......
})

Answer 3

用jquery的index()方法，获取索引值不可以吗？

Answer 4

看你最终需要什么，如果你是需要看当前点击了第几个li的话，不需要这样做。

通过 $(e.target).index() 获取即可。

        $(list[i]).on('click', function (e) {
            console.log($(e.target).index());
        });