JavaScript中对列表内容提取并操作

Question

向下面这样提取列表中的内容并操作后只会得到list列表的最后一个元素，

var list = document.getElementById("container").getElementsByTagName("li");for (var i = 0; i < list.length; i++) {
    lis[i].onclick = function () {
            setImg(i);
            setLi(i);
    };
}

查询一些代码后看到类似操作是这样的：

for (var i = 0; i < lis.length; i++) {
    (function (x) {
        lis[x].onclick = function () {
            setImg(x);
            setLi(x);
        }
    })(i);}

不大明白为什么这里要采用一个function(x)的形式，这里有什么要注意的么，求大神支招？