老师,怎样把其它的移除掉

来源:2-5 编程练习

木子小可爱

2019-10-22 15:36:50

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style>

        ul{

            cursor:pointer;

        }

    </style>

</head>

<body>

    <ul id="menu">

        <li>Web前端攻城狮</li>

        <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>

     /*此处写代码*/

     $(document).ready(function(){

        $('li').on('click',function(){

            $(this).addClass('ul').css('backgroundColor','yellow')

            .prev().css('backgroundColor','blue')

            $(this).next().css('backgroundColor','red')

        })

     })

    </script>

</body>

</html>


写回答

1回答

好帮手慕慕子

2019-10-22

同学你好, 可以在点击当前li的时候,通过siblings方法,找到他的所有兄弟元素, 设置背景颜色被白色, 示例:

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

同学可以自己下去测试一下哦

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~~

0

0 学习 · 6815 问题

查看课程