高亮效果切换

分类: 文章 • 2024-06-25 12:53:58

这是初始默认状态，默认高亮效果是“按商品”
高亮效果切换
这是点击另外一个切换高亮效果

页面代码：

css样式：

JS代码:

给a标签绑定一个点击事件，for循环找有高亮效果的类并去掉高亮效果，最后找到当前点击的a标签的父级元素li，添加高亮类。