对于一个ul列表,单击弹出每个li对应的索引
生活随笔
收集整理的這篇文章主要介紹了
对于一个ul列表,单击弹出每个li对应的索引
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
我們經常會遇見在遍歷一個ul的時候，需要獲得每一個li的索引值，或者是單擊每個li彈出其對應的索引值。這里使用閉包的方式來實現這個常見事件。代碼如下所示：
<!DOCTYPE html> <html> <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta name="author" content="mayouchen" /><meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"><title></title> </head> <script type="application/javascript">window.onload = function(){function iteratorFactory(i){var onclick = function(e){alert(i+1);console.log(i)}return onclick;}var clickBoxs = document.querySelectorAll('.clickBox')for (var i = 0; i < clickBoxs.length; i++){clickBoxs[i].onclick = iteratorFactory(i)}} </script> <body><ul><li class="clickBox">111</li><li class="clickBox">222</li><li class="clickBox">333</li><li class="clickBox">444</li><li class="clickBox">555</li></ul> </body> </html>總結
以上是生活随笔為你收集整理的对于一个ul列表,单击弹出每个li对应的索引的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 女生网名大全两个字118个
- 下一篇： 采薇拼音版翻译