怎么才能让第二次点击时移除第一次点击的背景颜色
来源: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回答
你好,1、如下,可以点击之后,先去除下,所有元素的背景颜色。

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

若能帮助到你,望采纳。
祝学习愉快!
相似问题