jQuery/JavaScript添加css类的问题

现在我遇到了在我的脚本中添加类的问题。我有独特的html结构。所以我需要你的建议。我希望你能帮助我。jQuery/JavaScript添加css类的问题

下面有我的HTML代码

<ul> 
    <li> <a href="#" onmouseover=changeImage('CT')> 
      <span class="CT"> CT&amp;M</span> 
      <span class="CT">(blablabla)</span> 
     </a> 

    </li> 
    <li> <span>/</span> 

    </li> 
    <li> <a href="#" onmouseover=changeImage('Invest')> 
      <span class="Invest">Invest</span> 
      <span class="Invest">(blablabla)</span> 
     </a> 

    </li> 
</ul>

往下看。还有我的CSS

aside ul li a span:first-child, aside ul li span:first-child { 
    display: block; 
    text-align: center; 
    font-family: "Roboto-Medium"; 
    font-size: 1.8em; 
    color: #060606; 
} 
aside ul li a span:last-child { 
    display: block; 
    text-align: center; 
    font-family: "Roboto-Medium"; 
    font-size: 1.05em; 
    color: #060606; 
} 
aside ul li a span.active 
{ 
    color: #007582; 
} 
aside ul li a span.disactive 
{ 
    color: #060606; 
}

这里是我的jQuery代码：

$(function() { 
    $(".CT").one("mouseover", function() { 
     $("span.Invest").removeClass("active"); 
     $("span.CT").addClass("active"); 
    }); 

    $(".Invest").one("mouseover", function() { 
     $("span.CT").removeClass("active"); 
     $("span.Invest").addClass("active"); 
    }); 
});

我想这样做有趣的视觉效应。我想在运行onmouseover事件时改变颜色，但我的脚本无法正常工作。你能帮我吗？

当你有任何问题时，你给我写信。

来源

2013-07-11 Dawid Pierwoła

[**的jsfiddle演示**]（http://jsfiddle.net/4Wr9Q/）是你想要的吗？ –

它不能正常工作？ – cfs

当我运行几次onmouseover事件我的颜色不变你应该把它代码 –