javascript - 事件类javascript

Question

我用下面的代码来显示菜单

<ul id="menu">
    <li id="11"><a href="#1" class="cross-link cross-link1">Start a League</a><span></span></li>
    <li id="12"><a href="#2" class="cross-link cross-link1">Roster Settings</a><span></span></li>
    <li id="13"><a href="#3" class="cross-link cross-link1">Draft Settings</a><span></span></li>
    <li id="14"><a href="#4" class="cross-link cross-link1">Transaction Settings</a><span></span></li>
    <li id="15"><a href="#5" class="cross-link cross-link1">Playoff Settings</a><span></span></li>
    <li id="16"><a href="#6" class="cross-link cross-link1">Launch Your League!</a><span></span></li>
</ul>

如果我点击任何菜单，类 active 应该被添加到那个特定的 li 中。我怎样才能用 javascript 做到这一点。

Answer 1

使用 jQuery:

$("li").click(function() {
    $("li").removeClass("active");
    $(this).addClass("active");
});

我以为你只想要一个 <li>与 active类。

演示:http://jsfiddle.net/j9qTE/1/