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");
});