闭包 —— 获取li列表的index简例

Posted 2020-09-28 墨.眉

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了闭包 —— 获取li列表的index简例相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>获取li的index</title>
</head>
<body>
    <ul>
        <li>《登鹳雀楼》</li>
        <li>白日依山尽，</li>
        <li>行河入海流。</li>
        <li>欲穷千里目，</li>
        <li>更上一层路。</li>
    </ul>
    <script>
        var li = document.getElementsByTagName(‘li‘);
        for(var i=0;i<li.length;i++) {
            li[i].index = i;
            li[i].onclick = function(){
                alert(this.index);
            }
        }
    </script>
</body>
</html>

以上是关于闭包 —— 获取li列表的index简例的主要内容，如果未能解决你的问题，请参考以下文章

通过案例详解点击事件获取li的index，并切换对应的图片，排他思想，闭包，bind，let，jquery简单应用，简单的tab栏制作-初学者html+css+js练习demo

Python3 pandas 操作列表简例