如何使用jquery添加类

我做了一个小函数，当我们点击li时，我的工作是在li中添加类，但是我想删除它，如果已经有li了。

              $(function(){ $('.main').find('li').each(function(){ $(this).live('click', function (){ $(this).addClass('active') }) }) })    
 
first
 
second
 
third
 
fourth
 
   

Answer 1

您可以使用toggleClass这将根据需要添加或删除它

 $('.main li').live('click',function(){ $(this).toggleClass('active'); }); 

如果要从其他地方删除此类，可以添加额外的行：

 $('.main li').live('click',function(){ $('.main li.active').removeClass('active') $(this).addClass('active'); }); 

Answer 2

使用jquery函数.toggleClass 。

 $('.main li').click( function(){ $(this).toggleClass('active'); }); 

这应该做的伎俩;） http://api.jquery.com/toggleClass/