EventListener里面有循环函数

Question

我正在尝试输出从json文件中读取的级别。 因此，我在向每个Li项添加eventListeners时遇到问题。

for(i = 0; i < json.levels.length; i++) {
   $("#id01").append('<li> Level: '+json.levels[i].label+'</li>').addEventListener('click', function(){ console.log(json.levels[i].label);}, false);
}  

我收到了未定义的错误。

我也试过这个：

var myLi = document.getElementById('id01').getElementsByTagName('li');

for(i = 0; i < json.levels.length; i++) {
   $("#id01").append('<li> Level: '+json.levels[i].label+'</li>');
   myLi[i].addEventListener('click', function(){ console.log(json.levels[i].label);}, false);
}  

当我点击它时，我得到标签未定义。