JS控制点击选项栏时更换其样式背景，已点击过的栏则恢复

最新推荐文章于 2022-08-19 00:08:26 发布

扫管村-439社长

最新推荐文章于 2022-08-19 00:08:26 发布

阅读量1k

点赞数 1

分类专栏：前端 js 文章标签： htm js

本文链接：https://blog.csdn.net/P2668239237/article/details/81540973

版权

前端同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

8 篇文章 0 订阅

订阅专栏

 在遇到点击选项栏时更换它的背景样式，但是点击其他选项栏时却遇到了已点击过选项栏不能恢复的尴尬，如下图：

这里写图片描述
代码如下：

原理是点击后each循环置换一次所有样式，后紧接着再置换一次当前点击标签的样式，以实现点击每个地方时其它地方会恢复。
每个>li> a 标签背景色变为#88ABDA–淡紫色，循环外部当前点击>a标签背景图片变为bg-child.gif即淡蓝色背景图，问题就是背景图片覆盖住了背景颜色。each循环换的样式是颜色并未换图片，因此才会出现以上尴尬问题。
解决办法：将each循环置换所有样式和each外点击样式一同改为置换backround-color_____或者一同置换为backround-image.
成功！！！（439威武）：
这里写图片描述