js怎么遍历ul里面的li标签,并且给每一个li标签加一个单击事件
javascript吧
全部回复
仅看楼主
level 1
2022年06月16日 08点06分 1
level 8
这是相同的点击事件这样写 如果每个不一样的可以判断i来区别
2022年06月16日 13点06分 2
你这写的有问题,要用let才可以
2022年06月16日 16点06分
@雨弹◆霜叶 会吗 我正常可以跑啊 你有报错吗
2022年06月16日 18点06分
没问题,let只是设定了个作用域而已
2022年07月01日 08点07分
level 2
相同事件的话,用事件委托吧
2022年06月16日 15点06分 3
level 3
For循环
2022年06月16日 16点06分 4
level 4
给ul绑定点击事件,然后事件指向你点击的li就行了,this
2022年06月16日 16点06分 5
level 12
<ul class="dropList">
<li>111</li>
<li>222</li>
<li>333</li>
</ul>
<script>
const liList = document.querySelectorAll('.dropList>li');
liList.forEach(li => li.onclick = () => alert(li.textContent));
</script>
2022年06月17日 04点06分 6
level 12
如果每个li的点击事件都执行相同的函数的话可以直接给ul绑定点击事件[你懂的]
2022年06月18日 00点06分 7
level 15
有时候可以把事件写在ul上,设置好冒泡,判定li以及自定义属性,这样可以不用遍历,但不是通用的,也要看你的实际需求。
2022年06月18日 05点06分 8
level 3
百度:事件委托
2022年06月28日 03点06分 9
1