Jquery问题，当点击一个导航栏的图片时，其他的变为最开始的图片？
现在已经做到点击一个图片，那个背景图片箭头就变为向上了，可是，我希望点击别的的时候，原先点的那个能变回原来的样子。
<script type="text/javascript">
$(function(){
$(".list > p").click(function(){
$(this).css('background','url(../image/城市名片后台页面/cebianlan1.png) repeat-x');
$(".list > ul").hide("fast");
var nextul = $(this).next("ul");
nextul.slideToggle("slow");
});
});
</script>
怎么做，是用each什么的吗？
最终修订版是这个
$(function(){
$(".list > p").click(function(){
$(".list > p").css('background','url(../image/城市名片后台页面/cebianlan2.png) repeat-x');
$(this).css('background','url(../image/城市名片后台页面/cebianlan1.png) repeat-x');
$(".list > ul").hide("fast");
var nextul = $(this).next("ul");
nextul.slideToggle("slow");
});
});
就可以了....我自己瞎弄出来的，各位辛苦
第1个回答 2013-08-02
可以把代码这样写：
最好是把箭头向上和箭头向下的都写成不同的class，然后通过jquery控制class来实现图片的变化，你可以试试。
$(document).ready(function () {
$(‘你需要点击的那个选择器’).click(function () {
var j = $(‘你需要点击的那个选择器’).index($(this)[0]);
$(‘你需要点击的那个选择器’).eq(j).addClass(‘背景箭头向上的class’).siblings().removeClass();
return false;
});
});
参考文档：http://www.frontopen.com/119.html
最好是把箭头向上和箭头向下的都写成不同的class，然后通过jquery控制class来实现图片的变化，你可以试试。
$(document).ready(function () {
$(‘你需要点击的那个选择器’).click(function () {
var j = $(‘你需要点击的那个选择器’).index($(this)[0]);
$(‘你需要点击的那个选择器’).eq(j).addClass(‘背景箭头向上的class’).siblings().removeClass();
return false;
});
});
参考文档：http://www.frontopen.com/119.html
第2个回答 2013-08-02
不用each这么麻烦的，用siblings()这个方法，得到当前节点的所有兄弟节点。修改他们的CSS就可以了。
要不你直接把你的html代码贴出来吧。
要不你直接把你的html代码贴出来吧。
第3个回答 2013-08-02
$(this).siblings().css();本回答被提问者采纳
相似回答
