li集合绑定点击事件

Posted joker_xd

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了li集合绑定点击事件相关的知识,希望对你有一定的参考价值。

//Method-1:
var items = document.getElementsByTagName(‘li‘);
  for(var i=0;i<items.length;i++){
    items[i].index = i;
    items[i].onclick = function(){
      this.innerhtml = this.index;
  }
}


//Method-2:
var items = document.getElementsByTagName(‘li‘);
  for(var i = 0; i<items.length; i++){
    (function(index){
      items[i].onclick = function(){
      this.innerHTML = index;
    }
  })(i)
}


//Method-3:
var items = document.getElementsByTagName(‘li‘);
for(var i = 0; i<items.length; i++){
  items[i].onclick = function(index){
    return function(){
      this.innerHTML = index;
    }
  }(i)
}

以上是关于li集合绑定点击事件的主要内容,如果未能解决你的问题,请参考以下文章

点击子元素也会触发绑定到 LI 的事件

H5_0038:父元素有touch事件,子元素有点击事件,如何实现点击事件

jquery如何循环添加事件,有10个li,分别点击出现不同的事件

jquery 动态添加节点怎么绑定事件

jQuery绑定动态元素的点击事件无效

js循环给li绑定事件实现 点击li弹出其索引值 和内容