【筆記】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