美文网首页
点击事件获取当前li的索引

点击事件获取当前li的索引

作者: Allan要做活神仙 | 来源:发表于2017-04-06 09:51 被阅读119次
    html

    思路:
    先循环给每个li标签加个索引的属性,并赋值。

    当点击的时候弹出当前li的索引属性

    var aLi = document.getElementsByTagName('li');
    for(var i=0; i<aLi.length;i++){
        aLi[i].index = i;
        aLi[i].onclick = function(){
                console.log( this.index);    // this指向当前被点击的li
        }
    }
    

    my favour:
    思路2:
    循环,立即执行函数,当点击当前li就把i传参直接打印。

    var aLi = document.getElementsBy('li');
    for(var i = 0; i<aLi.length; i++){
        (function (n){
            aLi[i].onclick = function(){
                console.log(n)
            }
         }(i)
        )
    }
    

    相关文章

      网友评论

          本文标题:点击事件获取当前li的索引

          本文链接:https://www.haomeiwen.com/subject/xhvfattx.html