老师,请帮忙提供下思路,多谢!

来源:8-7 实战项目:侧边栏列表交互

慕码人0290569

2023-02-25

老师,请问 该如何实现点击第二个元素的时候,添加className,同时,上一个已点击过的元素上的 className消失呢,我甚至连 前一个/后一个兄弟节点都用上了,也没实现了…
图片描述
图片描述

写回答

1回答

西门老舅

2023-02-25

你好,试试下面的代码?

for(...){

  menuSubList[i].addEventListener('click', function(e) {

    //添加的代码开始

    for(let j=0;j<menuSubList.length;j++){

      if(j !== i){

        menuSubList[j].classList.remove('m-menu__sub--selected')

      }

    }

    //添加的代码结束

    e.target.classList.toggle('m-menu__sub--selected')

  })

}


0
2
西门老舅
回复
慕码人0290569
不客气的
2023-02-25
共2条回复

前端内功修炼 5大主流布局系统进阶

前端内功修炼:5大主流布局系统进阶

758 学习 · 231 问题

查看课程