老师,怎样把其它的移除掉
来源: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方法,找到他的所有兄弟元素, 设置背景颜色被白色, 示例:
同学可以自己下去测试一下哦
如果帮助到了你, 欢迎采纳!
祝学习愉快~~~~
相似问题