jquery添加删除类

Question

我有 4 个 anchor ，我想在单击 anchor 时向其添加当前类，并同时从其他 3 个 anchor 中删除该类。这是我的代码。我做错了什么？

if ($("ul#thumb a").hasClass("current") {
    $("ul#thumb a").removeClass("current");
    $(this).addClass("current");
});

我的 html 看起来像这样:

<ul id="thumbs">
    <li>
        <!-- intro page navi button -->
        <a id="t0" class="active" name="t0">The Company</a>

        <ul class="navi">
            <li><a style="display:none"></a></li>
            <li><a id="t1" name="t1">The Brief</a></li>
            <li><a id="t2" name="t2">The Solution</a></li>
            <li><a id="t3" name="t3">The Result</a></li>
        </ul>

    </li>
</ul>

Answer 1

通过使用事件委托(delegate)，我们仅为所有点击事件绑定(bind)一个处理程序。当单击某个 anchor (.current anchor 除外)时，我们会剥离其类的 .current anchor ，并使单击的 anchor 成为新的当前 anchor :

$("#thumbs").on("click", "a:not(.current)", function ( event ) {
    $(".current", event.delegateTarget).removeClass("current");
    $(this).addClass("current");
});