javascript for循环只给出元素的数量

Question

我有一个包含 3 个链接的列表，我想遍历它们，这样每个链接都可以做一些事情。但是当我使用 for 循环时，它只在控制台中给我 3，这是列表中的链接数。我想让控制台像这样显示它们中的每一个:0, 1, 2;

还有如何获取每个链接的索引位置？

请在此处查看代码:http://jsfiddle.net/c8Wdj/

请不要使用 jQuery 或任何库...

JavaScript:

(function(){
    var triggers = document.getElementById('some-list').getElementsByTagName('a');

    for (var i = 0, max = triggers.length; i < max; i += 1) {
        triggers[i].addEventListener('mouseenter', function(e) {

            console.log(i);

        }, false);
    }

}());

HTML:

<ul id="some-list">
    <li><a href="#">One</a></li>
    <li><a href="#">Two</a></li>
    <li><a href="#">Three</a></li>
</ul>​

Answer 1

for 没有作用域，所以当您使用 console.log(i) 时，它使用 i 的最新值。试试这个:

for (var i = 0, max = triggers.length; i < max; i += 1) {
    (function(num){
        triggers[i].addEventListener('mouseenter', function(e) {
            console.log(num);
        }, false);
    })(i);
}