如何從li元素列表中添加和刪除類？

Question

，如果我有一個李名單如下：

<ul> 
<li>first </li> 
<li>second</li> 
<li>third</li> 
<li>fourth</li> 
</ul> 

我會怎麼寫的jQuery代碼的類添加到li元素，比方說，第一沒有被添加到別人的課嗎？

我試過這個，但它當然增加了所有li元素。

$(document).ready(function() { 
$("ul li").click(function() { 
if(!$("ul li").hasClass('active')) 
{ 
$("ul li").addClass('active'); 
} 
}); 

}); 

我希望能夠對類主動加起來也只有那點擊li元素並刪除所有其他存在誰也積極加入其中。我將如何做到這一點？感謝

Answer 1

單程

$("ul li").click(function() { 
    var $this = $(this); // reference to the clicked li 
    if(!$this.hasClass('active')) 
    { 
    $this.addClass('active'); 
    $('ul li').not($this).removeClass('active'); 
    } 
}); 

活生生的例子：http://jsfiddle.net/Xb9yx/

另一種方式

$("ul li").click(function() { 
    var $this = $(this); // reference to the clicked li 
    if(!$this.hasClass('active')) 
    { 
    $this.addClass('active').siblings().removeClass('active'); 
    } 
}); 

活生生的例子：http://jsfiddle.net/d5Sde/

比不上那些的這一個一個地方有大概一百實現相同的方法事情。