【笔记】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>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM