点击一个ul的五个li元素,分别弹出他们的序号,怎么做?

Posted shiyunfront

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了点击一个ul的五个li元素,分别弹出他们的序号,怎么做?相关的知识,希望对你有一定的参考价值。

方法1 : 
for(var i=0; i<oLis.length; i++){
    oLis[i].onclick = (function(j){
        return function(){
            alert(j);
        }
    })(i);
}
这样的话, 给每个li绑定onclick事件时, 其实绑的是一个立即执行函数, 这个立即执行函数的参数是i, 因为它是立即执行的, 循环时已经把i的值赋给了li的onclick事件, 所以在外部函数里的i改变后并不会影响i的值.

另一种实现方法:(立即执行函数)

for(var i=0; i<oLi.length; i++){
    (function(j){
        oLi[j].onclick = function(){
            alert(j);
        };
    })(i);
}

以上是关于点击一个ul的五个li元素,分别弹出他们的序号,怎么做?的主要内容,如果未能解决你的问题,请参考以下文章

点击一个Ul里面的5个li,分别弹出他们的序号

li点击弹出序号

遍历ul下的li,点击弹出li的索引

点击ul中的li弹出其索引值

JS如何给ul下的所有li绑定点击事件,点击使其弹出下标和内容

JS如何给ul下的所有li绑定点击事件,点击使其弹出下标和内容