怎么才能让第二次点击时移除第一次点击的背景颜色

来源:2-5 编程练习

这个头像是黑豹

2018-09-13 13:18:05

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
      .red {
          color: red;
      }
    </style>
</head>
<body>
    <ul>
      <li>前端小白入门</li>
      <li>前端进阶:响应式开发与常用框架</li>
      <li>HTML5与CSS3实现动态网页</li>
      <li>HTML5&CSS3进阶与常用框架</li>
      <li>JavaScript基础入门</li>
      <li>进击JavaScript核心</li>
    </ul>
    <script src="https://cdn.bootcss.com/zepto/1.1.7/zepto.min.js"></script>
    <script>
      $('ul li').on('click',function(){
            $(this).css('background','yellow').prev().css('background','blue').next().next().css('background','red');
      })
    </script>
</body>
</html>


写回答

1回答

好帮手慕糖

2018-09-13

你好,1、如下,可以点击之后,先去除下,所有元素的背景颜色。

http://img.mukewang.com/climg/5b99fce100017f4a14400146.jpg

2、不过,你这样的写法,在只点击第一个的时候,只有第一个变色了,兄弟元素没有哦,因为找不到它的上一个远(因为这个元素就是第一个),所以找下一个的时候,也没有找到,建议:这里可以分开来写,例:

http://img.mukewang.com/climg/5b99fda500014e4f07170220.jpg

若能帮助到你,望采纳。

祝学习愉快!

0

0 学习 · 3299 问题

查看课程