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

 

posted @ 2016-10-16 12:16  Stitch晨  阅读(23896)  评论(2编辑  收藏