笔记js获取当前点击元素的索引

Posted Stitch晨

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了笔记js获取当前点击元素的索引相关的知识，希望对你有一定的参考价值。

以前用jq 做过图片切换 滑动之类的特效现在想用js 试试是怎么一回事

jq图片切换的思路是用index()函数获取当前点击的按钮的索引然后根据索引值将对应索引的图片显示出来

于是查了一下js 是如何获取index的如下：

js代码

var ul = document.getElementById("list");
           var ul_child = ul.getElementsByTagName(‘li‘);
           for (var i = 0; i < ul_child.length; i++) {
               ul_child[i].index = i;
               ul_child[i].onclick = function(){
                   var j = this.index;
    　               alert("元素索引为" +this.index);

 

 

 

html代码

<body>
        <ul id="list">
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
        </ul>
</body>

 

以上是关于笔记js获取当前点击元素的索引的主要内容，如果未能解决你的问题，请参考以下文章

js中实现点击一个元素加边框,点击另一个元素去掉前一个元素边框,当前元素加边框？

jQuery点击当前元素显示其他元素隐藏

ionic3 中获取当前 点击的元素

js点击一个表格里的某个元素,获取该对象

Android 使用两个不同的代码片段获取当前位置 NULL

js学习笔记16----父节点的操作