为什么运行之后点击每个链接会打印5呢?
如何让a点击后打印相对应的data-index?
<body>
<ul>
<li data-index='1'><a href="javascript:;">Click me</a></li>
<li data-index='2'><a href="javascript:;">Click me</a></li>
<li data-index='3'><a href="javascript:;">Click me</a></li>
<li data-index='4'><a href="javascript:;">Click me</a></li>
<li data-index='5'><a href="javascript:;">Click me</a></li>
</ul>
<script>
var lis = document.querySelectorAll('li');
for (var i = 0; i < lis.length; i++) {
var a = lis[i].children[0];
var li = lis[i];
a.onclick = function() {
console.log(li.getAttribute('data-index'));
}
}
</script>
</body>
- Click me
- Click me
- Click me
- Click me
- Click me