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

yangtoude
  • 326

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上添加事件是需要用事件委托机制的。

回复
阅读 2.5k
4 个回答
✓ 已被采纳

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

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

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

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

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

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

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

        $(list[i]).on('click', function (e) {
            console.log($(e.target).index());
        });
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏