javascript - 我的简单脚本有什么问题？

Question

我正在尝试编写一个非常简单的脚本，但无法找出那里的问题。脚本的功能应该是显示每个列表元素的内部 html，但它只显示最后一个“橙色”

这是我的 html 中的内容:

<ul id='mylist'>
  <li>Red</li>
  <li>Green</li>
  <li>Black</li>
  <li>Orange</li>
</ul>

下面是那个脚本:

var x = document.getElementById('mylist');
var z = x.getElementsByTagName('li');

for (i = 0; i < z.length; i++) {    
    var res = z[i].innerHTML;
    z[i].setAttribute('onclick','alert(res)');
}

我可能需要在这里添加一个闭包，但我不确定我是否真的需要以及如何添加它

Answer 1

试试这个:

var x = document.getElementById('mylist');
var z = x.getElementsByTagName('li');

for (var i = 0; i < z.length; i++) {
    (function(i) {
        var res = z[i].innerHTML;
        z[i].onclick = function() {
            alert(res)
        };
    })(i);
}​

http://jsfiddle.net/sssonline2/UYEa9/