Jquery动态添加和删除类

我试图在单击链接时添加“已选择”类，当用户单击下一个链接时，我想删除之前的“已选择”类并将“已选择”添加到单击的链接中。

-提前致谢

$(document).ready(function() { $('.news a').click(function(){ $(this).addClass("selected"); }); }); 
 
 topic 
 
 topic 
 
 topic 
 
 topic 
 
 topic 
  

Answer 1

 $(document).ready(function() { $('.news a').click(function(){ $('.selected').removeClass('selected') $(this).addClass("selected"); }); }); 

Answer 2

尝试

 $(document).ready(function() { $('div.news-w div.news a').click(function(){ $('div.news-w div.news a.selected').removeClass("selected"); $(this).addClass("selected"); }); }); 

您的HTML也是无效的。 您有多个具有相同ID的元素。

Answer 3

另一种替代方案是：

 var prevLink = null; $(document).ready(function() { $('.news a').click(function(){ if(prevLink) prevLink.removeClass('selected'); prevLink = $(this).addClass("selected"); }); }); 

Answer 4

要在添加类或ID时添加切换效果，请使用此选项。

 $(document).ready(function() { var count = 1; $('#ddown').click(function(){ count++; if (count % 2 == 0) { $('#ddown').addClass('dropup'); $('#ddown').removeClass("dropdown"); }else{ $('#ddown').removeClass("dropup"); $('#ddown').addClass("dropdown"); } }); }); 

是的，我知道，我很晚才来参加聚会。

Answer 5

你可以用这个：

 $('.news a').click(function(){ $('.news-w').find('.selected').removeClass('selected'); $(this).addClass("selected"); }); 

只有在div class =’news-w’中 选择的类才会自动删除它

如果你使用这个：

 $('.selected').removeClass('selected'); 

当你想从div class =’news-w’向DOM中添加更多元素a时，它也将被删除..