jquery监听鼠标点击事件 有很多个<span>,但想点击了一个,让剩下的都变

具体情况是这样子的:如下图

$(function () {

$(".list span").click(function () {
if ($(this).attr("class") == "seach")
$(this).attr("class", "Selected");
else
$(this).attr("class", "seach");
});
现在的情况是这样的,就用很通俗的话来解释:
比如如果我点击【东】,它就会从灰色变成青色,再点又从青色变成灰色,但我再点击【西】的时候,【东】之前是什么颜色就颜色不会变;
现在我的想法是想:当我点击【西】的时候,只有【西】是变成灰色,而其他如果不是青色就变回青色去,只有一个按钮是一种颜色,
也就是说只有你点击的那个才是灰色,其他不是青色的就变回青色。
不知道大家看懂了没。。求教怎么做
有个大侠说了下可以监听鼠标点击事件的,不太懂jQuery,求教
灰色是:selected
青色是:seach
最新回答
不爱。就_滚_

2024-05-06 11:39:55

$(".list span").click(function () {
                 $(".list span").attr("class", "seach");//所有都变青色
                 $(this).attr("class", "Selected");//自己变灰色
            });
追问
那还能不能让其中的一个,比如【北】,让它不论怎样都不变,
【北】的style是listT
追答
$(".list span").click(function () {
                 $(".list span").attr("class", "seach");//所有都变青色
                 if($(this).attr("class")!="listT")
                 {
                     $(this).attr("class", "Selected");//自己变灰色
                 }else{
                     $(this).attr("class", "seach");
                 }
            });
追问
还有一个问题就是
我想在$("".list span)中不对 listT操作,
就是$(".list span").click(function () 中是对listT不起任何作用的,这个要怎么弄?
追答
$(".list span[class!='listT']").click(function(){//这样就不会有对Class='listT'的span加点击事件了

});
看我这么辛苦敲键盘,把分给了吧