首页 > 代码库 > 【笔记】js获取当前点击元素的索引

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

2024-08-16 20:07:12   217人阅读

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


联系
我们