我有一个带有链接的菜单,当我单击每个链接时,我让它们将小时的不透明度切换为 1,当然,使菜单上的所有其他链接(小时)恢复到他们之前的原始不透明度 0(经典菜单 UX ).
问题是要实现这一点,我必须使用 2 个嵌套的 for 循环使用 JS。从我对 Big O 表示法的了解来看,这不是很有效,尤其是使用 jquery 时,所有这些代码都在一行中完成。我的问题是如何仅使用 Vanilla JS 提高此代码的效率?
HTML
<div className="menu">
<h6>Home<hr/></h6>
<h6>Movies<hr/></h6>
<h6>TV Shows<hr/></h6>
<h6>Documentaries<hr/></h6>
<h6>Favorites<hr/></h6>
<h6>Collection<hr/></h6>
</div>
JS
const menulink = document.querySelectorAll('.menu h6')
for(let item of menulink) {
item.onclick = () => {
for(let i=0;i<menulink.length;i++) {
menulink[i].querySelector('hr').style.opacity = '0'
}
item.querySelector('hr').style.opacity = '1'
}
}
牧羊人nacy
梦里花落0921
www说
偶然的你
九州编程
相关分类