想用javascript实现点击一个元素，这个元素的背景变红，点击下一个，背景变红，其它元素恢复原来的背景色
大神看看，问题出在哪，点击下一个同级元素时，原来点过的也不能恢复原色了？<scripttype="text/javascript">$(function(){$("div...
大神看看，问题出在哪，点击下一个同级元素时，原来点过的也不能恢复原色了？
<script type="text/javascript">
$(function(){
$("div a").click(function(){
var idx=$("div a").index(this);
showBrandList(idx);
return false;
}).eq(0).click();
function showBrandList(index){
$("div a").eq(index).css("backgroundColor","red")
.siblings().attr("backgroundColor","#CCCC33");
}
})
</script>
</head>
<body>
<div>
<a href="#1"><b>相约国庆节</b><b>全场99元起</b></a>
<a href="#2"><b>相约国庆节</b><b>全场99元起</b></a>
<a href="#3"><b>相约国庆节</b><b>全场99元起</b></a>
<a href="#4"><b>相约国庆节</b><b>全场99元起</b></a>
<a href="#5" class="last"><b>相约国庆节</b><b>全场99元起</b></a>
</div>
</body>
</html> 展开
<script type="text/javascript">
$(function(){
$("div a").click(function(){
var idx=$("div a").index(this);
showBrandList(idx);
return false;
}).eq(0).click();
function showBrandList(index){
$("div a").eq(index).css("backgroundColor","red")
.siblings().attr("backgroundColor","#CCCC33");
}
})
</script>
</head>
<body>
<div>
<a href="#1"><b>相约国庆节</b><b>全场99元起</b></a>
<a href="#2"><b>相约国庆节</b><b>全场99元起</b></a>
<a href="#3"><b>相约国庆节</b><b>全场99元起</b></a>
<a href="#4"><b>相约国庆节</b><b>全场99元起</b></a>
<a href="#5" class="last"><b>相约国庆节</b><b>全场99元起</b></a>
</div>
</body>
</html> 展开
展开全部
亲，改一下js成这样就可以了
<script type="text/javascript">
$(function(){
$("div a").click(function(){
$(this).css("background","red").siblings().css("background","#CCCC33");
});
})
</script>
追问
我那样写为什么不行？PS：function showBrandList(）还有其他的功能，所以请你帮我看看我的代码。谢谢
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
