jquery css更改不起作用

我试图用jquery click事件更改一个类，以显示一个不同于其他元素的元素。我有一个函数来更改一个类，还有一个函数来检查选择了哪个项并更改了它的css，但它根本不起作用

HTML

<div id="menu">
    <ul id="ul1" class="main_menu current-s1">
    <li class="s1"><a class="hov" id="start" href="#" title="Start">START<span></span></a></li>
    <li class="s2"><a class="hov" id="go" href="#" title="Go">GO<span></span></a></li>
    </ul>        
</div>

检查当前元素以不同方式显示它JQUERY函数

$(".main_menu").children("li").each(function() {
var current = "main_menu current-" + ($(this).attr("class"));
var parentClass = $(".main_menu").attr("class");
if (parentClass == current) {
    $(this).children("a").addClass("hov_n");
    $(this).children("a").removeClass("hov");
}
}); 

我尝试了一些警报，看起来类更改功能正在工作，但不知何故，另一个功能没有将显示模式更改为其他按钮。欢迎任何提示！ 编辑小提琴：

---

如果你做了一些努力，试试这个

HTML

---

通过一个简单的函数，您可以获得相同的效果：

$("#menu a").click(
    function(){
        var parent = $('#menu')
        $("a", parent).removeClass("hov_n");
        $("a", parent).addClass("hov");

        $(this).removeClass("hov");
        $(this).addClass("hov_n");
    });

---

您的第二个功能何时执行？您能解释一下您的需要吗？可能不需要编写这么多代码。我同意，尝试使用Jquery中的.hasClass（）函数

<div id="menu">
    <ul id="ul1" class="main_menu">
    <li class="s1"><a class="hov_n" id="start" href="#" title="Start">START<span></span></a></li>
    <li class="s2"><a class="hov" id="go" href="#" title="Go">GO<span></span></a></li>
    </ul>        
</div>

function setClick() {

$(".hov").unbind("click");
$(".hov").click(function(){
   $('.hov_n').eq(0).removeClass("hov_n").addClass("hov");
   $(this).addClass("hov_n").removeClass("hov");
   setClick();
});

}

setClick();

$("#menu a").click(
    function(){
        var parent = $('#menu')
        $("a", parent).removeClass("hov_n");
        $("a", parent).addClass("hov");

        $(this).removeClass("hov");
        $(this).addClass("hov_n");
    });