首页 > Web开发 > 详细

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

时间:2016-10-16 13:53:18      阅读:414      评论:0      收藏:0      [点我收藏+]

以前用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获取当前点击元素的索引

原文:http://www.cnblogs.com/stitchgogo/p/5966352.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!