用纯JS实现,点击一个列表时,输出对应的索引


  • test1
  • test2
  • test3
  • test4
  • test5
  • test6
  • test7
  • test8
  • test9
  • test10
var lis=document.querySelectorAll('ul li');

for(var i=0 ; i

闭包保存的是外部变量的引用

var mul=document.querySelectorAll('ul');
var lis=document.querySelectorAll('ul li');


mul[0].addEventListener('click',function(e){
    e=e || window.event;
    var target=e.target || e.srcElement;
    if(target.tagName.toLowerCase() == 'li'){
      console.log([].indexOf.call(lis,target))
    }
});

你可能感兴趣的:(用纯JS实现,点击一个列表时,输出对应的索引)