window.onload=function(){
第一种方法:声明一个函数马上调用
var oli=document.getElementsByTagName('li');
for(var i=0;i<oli.length;i++){
oli[i].onclick=(function(n){
return function(){
alert(n)
}
})(i)
}
}
第二种方法:把下标i变成一个li的属性
//var oli=document.getElementsByTagName('li');
// for(var i=0; i<oli.length;i++)
// {
// oli[i].index=i;
// oli[i].onclick=function(){
// alert('你点击的列表的下标是:'+this.index);//列表下标从0开始
// };
// }
第三种方法:forEach
var lis=document.getElementsByTagName('li');
lis=Array.prototype.slice.call(lis,0);
lis.forEach(function(v,i){
v.onclick=function(){
alert(i);
}
});
第四种方法:
$("#div").on("click","li",function(){
// 切换li列表样式
$(this).addClass("active");
$(this).siblings().removeClass("active");
// 获取当前点击li 的下标
let index = $(this).index() + 1;
console.log(index);
});
获取当前点击li的元素的节点下标
于 2019-02-18 20:42:41 首次发布