求一个JQ的写法

[爱在今世]

有如下的元素

<ul> 
<li><img alt="1" src="/Files/images/tuxing.png"/></li> 
<li><img alt="2" src="/Files/images/tuxing.png"/></li> 
<li><img alt="3" src="/Files/images/tuxing.png"/></li> 
<li><img alt="4" src="/Files/images/tuxing.png"/></li> 
</ul> 

然后以下是JQ的代码

$(this).siblings().attr({ "src": "/Files/images/tuxing.png" });
            $(this).attr({ "src": "/Files/images/tuxing1.png" });

按照这个写法，应该是我每次点击后,所有,没选中的img元素的src属性变成/Files/images/tuxing.png这个图片，然后选中的变成另一个。但是问题就在这里，我选中的元素变色了，但是我第二选中的时候第一次的那个元素仍然是原来的图片，没有改回/Files/images/tuxing.png。这是什么情况啊？求指点

[全栈极简]

就你上面的那两行jquery代码来看，每次click的时候都执行这两句，始终都是当前的img图片为tuxing1.png，其它为tuxing.png。最起码的，你得判断一下。

  $(function () {
            $("ul li img").click(function () {
                if ($(this).attr("src") == "1.jpg") {
                    $(this).siblings().attr({ "src": "1.jpg" });
                    $(this).attr({ "src": "2.jpg" });
                } else {
                    $(this).siblings().attr({ "src": "2.jpg" });
                    $(this).attr({ "src": "1.jpg" });
                }
            });
        });

[全栈极简]

或者可以这样。

  $(function () {
            $("ul li img").toggle(function () {
                $(this).siblings().attr({ "src": "1.jpg" });
                $(this).attr({ "src": "2.jpg" });
            }, function () {
                $(this).siblings().attr({ "src": "2.jpg" });
                $(this).attr({ "src": "1.jpg" });
            });
        });

[ww8121]

学习了，都是高手啊