JavaScript中对列表内容提取并操作
本文介绍了JavaScript中对列表内容提取并操作的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
向下面这样提取列表中的内容并操作后只会得到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)的形式,这里有什么要注意的么,求大神支招?
解决方案
onclick回调真正执行是在你点击的时候才执行,这个时候i已经是最后一个值了,这就导致了你任何一个li点击,用到的i值都是同一个。
(function (x) {
lis[x].onclick = function () {
setImg(x);
setLi(x);
}
})(i);
包起来这种立即执行,保证了,里面每个x都取到了各自的值,而不是同一个值
这篇关于JavaScript中对列表内容提取并操作的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文