实现点击列表弹出列表索引的两种方式

方式一，使用利用事件冒泡委托给列表的父节点去处理的方式：复制代码代码如下: var ulObj = document.getElementById("myUl"); ulObj.onclick = function (event) { var tg = event.target; var liArray = ulObj.getElementsByTagName("li"); for (var i = 0; i < liArray.length; i++) { if (liArray[i] === tg) { alert(i + 1); } } } 方式二，使用闭包：复制代码代码如下: var liArray = document.getElementById("myUl").getElementsByTagName("li"); for (var i = 0; i < liArray.length; i++) { (function () { var n = i; liArray[i].onclick = function () { alert(n + 1); } })(i) } HTML代码：复制代码代码如下: <ul id='myUl'> <li>haha</li> <li>heihei</li> <li>hehe</li> <li>gaga</li> </ul>

　　推荐阅读

　　jQuery:节点(插入,复制,替换,删除)操作

复制代码代码如下:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>jQuery插入,复制、替换和删除节点</title> <script type="text/javascript" src="jquery-1.>>>详细阅读

本文标题：实现点击列表弹出列表索引的两种方式

地址：http://www.17bianji.com/kaifa2/JS/22277.html

1/2 1