点击li输出当前Li的索引的三种方式
1.闭包
闭包是最经典的
//利用闭包的方式得到当前小li 的索引号
var lis = document.querySelector('.nav').querySelectorAll('li');
for (var i = 0; i < lis.length; i++) {
(function(i) {
// console.log(i);
lis[i].onclick = function() {
console.log(i);
lis[i].remove();
}
})(i);
}
2. 动态添加属性的方式
// 我们可以利用动态添加属性的方式
var lis = document.querySelector('.nav').querySelectorAll('li');
for (var i = 0; i < lis.length; i++) {
lis[i].index = i;
lis[i].onclick = function() {
console.log(this.index);
lis[this.index].remove();
}
};
3. 利用let关键词完成
// 简单粗暴,但要注意兼容,es6新增的
var lis = document.querySelector('.nav').querySelectorAll('li');
for (let i = 0; i < lis.length; i++) {
lis[i].onclick = function() {
// console.log(i);
console.log(i);
lis[i].remove();
}
};