jQuery - 从任何中删除类这不仅仅是点击

Question

可以说我有这样的列表...

<ul>
  <li class="one">One</li>
  <li class="two">Two</li>
  <li class="three">Three</li>
</ul>

...我希望能够在 li 中切换类...

$( "li" ).click(function() {
    $( "li" ).toggleClass( "active" );
});

..而且我希望除了被单击的那个之外的 li 永远不会显示为“.active”仍然保持“.active”li 中的toggleClass 功能

所以我想也许我想从除单击的那个li 之外的任何其他li 中删除Class。我不知道我怎么能做到这一点......

关于如何实现类似的事情有什么想法吗？我确信它相当简单，但我不知道，因为我对 jQuery 很陌生

已解决 - 如果有人想看它..我们就去： http://jsfiddle.net/6jm2s/17/ 还有这个... http://jsfiddle.net/6jm2s/18/

两个答案都很完美.. @乔达维约翰@hunter 谢谢你们...太糟糕了，我不能在两个答案上都打勾...但我会让猎人拥有它，因为他的代码更短..:)

Answer 1

确保一旦某项处于活动状态，就始终处于活动状态：

$("li:not(.active)").live("click", function() {
    $(this).addClass("active");
    $(this).siblings().removeClass("active");
});

仅关注尚未处于活动状态的 li。

---

能够停用：

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

工作示例：http://jsfiddle.net/6jm2s/18/

Answer 2

$( "li" ).click( function() {
    if( $(this).is('.active') ) {
        $(this).removeClass( "active" );
    }
    else {
        $( "li.active" ).removeClass( "active" );
        $(this).addClass( "active" );
    }
});