Jquery将类添加到不起作用的锚标记的父级

Question

点击li标记后，我想将一个类提供给父a标记。 点击a标签后，它会删除所选的课程，但我无法将其添加回来。

<header class="main-header">
    <nav class="grid-container main-nav main-nav-big">
        <ul class="grid-12">
            <li class="liBig selected">
                <a href="#">Home</a>
            </li>
            <li class="liBig">        
                <a href="#">About</a>
            </li>
            <li class="liBig">
                <a href="#">Buy</a>
            </li>
            <li class="liBig">
                <a href="#">Contact</a>
            </li>
        </ul>
    </nav>      
</header>

$("nav ul li a").click(function(){
    $("nav ul").children().removeClass("selected");
    $("this").parent().addClass("selected");
});

Answer 1

您需要从" "删除this，它不是字符串并使用e.preventDefault。

$("nav ul li a").click(function(e){
        e.preventDefault();
        $("nav ul").children().removeClass("selected");
        $(this).parent().addClass("selected");
});