用js闭包,在ul 里点击 li,输出对应的下标
首先,html 代码:
<ul class="list"> <li>this is item</li> <li>this is item</li> <li>this is item</li> <li>this is item</li> <li>this is item</li> <li>this is item</li> <li>this is item</li> <li>this is item</li> <li>this is item</li> <li>this is item</li> </ul>
js 代码:
window.onload = function(){ var lis = document.getElementsByTagName("li"); //找到元素li标签,总共十个 for(var i = 0;i<lis.length;i++ ){ //对li标签进行for循环 lis[i].onclick = (function(a){ //点击事件,用一个函数function(a) return function(){ //用到闭包,里面再套一个函数,弹出点击的数 alert(a+1); } })(i); } }
大致就是这样的(=^ ^=)
无才难做千里马,有志可吞九霄云!
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步