jq怎么改变遍历对象的背景色
如图，怎么让abc三个在点击时改变背景色，比如点击a时，b和c背景色为白色或者无色，点击b时，a和c背景色为白色，我想加到下面的代码中，请大神赐教，万分感谢。<style...
如图，怎么让abc三个在点击时改变背景色，比如点击a时，b和c背景色为白色或者无色，点击b时，a和c背景色为白色，我想加到下面的代码中，请大神赐教，万分感谢。<style>.box div { display: none; }.links a { display: inline-block; margin: auto 50px;}</style><script src="js/jquery-1.11.0.min.js"></script><script >$(function(){ $(".box div:eq(0)").show().siblings().hide(); $(".links a").each(function(){ $(this).click(function(){ var obj = $("#" + $(this).attr("data-value")); obj.show().siblings().hide(); }); });});</script><div class="links"><a href="javascript:;" data-value="a" style="background-color:#89F30D;">a</a><a href="javascript:;" data-value="b">b</a><a href="javascript:;" data-value="c">c</a></div><div class="box"> <div id="a">a</div> <div id="b">b</div> <div id="c">c</div></div>
展开
2个回答
展开全部
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>点击变色</title>
<style>
.box div { display: none; }
.links a { display: inline-block; margin: auto 50px;}
</style>
<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
//a标签点击事件
$(".links a").click(function(){
//this为当前点击到的a标签，直接加入颜色，siblings为a标签同级别的标签如b,c，直接把颜色改为白色(深圳网站建设www.sz886.com)
$(this).css("background-color","#89F30D").siblings().css("background-color","#fff");
});
});
</script>
</head>
<body>
<div class="links"><a href="javascript:;" data-value="a" style="background-color:#89F30D;">a</a><a href="javascript:;" data-value="b">b</a><a href="javascript:;" data-value="c">c</a></div><div class="box"> <div id="a">a</div> <div id="b">b</div> <div id="c">c</div></div>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
