Jquery动态添加和删除类 [英] Jquery adding and removing class dynamically

问题描述

我试图在点击链接时添加类selected，当用户点击下一个链接时，我要删除以前的selected类，并在点击的链接中添加selected / p>

- 提前感谢

  $（document）.ready （）{
 $（'。news a'）。click（function（）{
 $（this）.addClass（selected）; 
}）; 
} ）; 
 
< div class =news-w> 
< div class =newsid =getnews-1> 
< a href =＃>主题< / a> 
< / div> 
< div class =newsid =getnews-2> 
< a href =＃>主题< / a> 
< / div> 
< div class =newsid =getnews-3> 
< a href =＃>主题< / a> 
< / div> 
< div class =newsid =getnews-4> 
< a href =＃>主题< / a> 
< / div> 
< div class =newsid =getnews-5> 
< a href =＃>主题< / a> 
< / div> 
< / div> 
  

解决方案

  $ document）.ready（function（）{
 $（'。news a'）。click（function（）{
 $（'。selected'）。removeClass（'selected'）
 $（this）.addClass（selected）; 
}）; 
}）; 
  

I am trying to add the class"selected" when a link is clicked and when the user click on the next link , I want to remove the previously "selected" class and add "selected" to the link clicked..

-Thanks in advance

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

<div class="news-w">
            <div class="news" id="getnews-1">
            <a href="#" >topic</a>
            </div>
            <div class="news" id="getnews-2">
            <a href="#">topic</a>
            </div>      
            <div class="news" id="getnews-3">
            <a href="#" >topic</a>
            </div>      
            <div class="news" id="getnews-4">
            <a href="#">topic</a>
            </div>      
            <div class="news" id="getnews-5">
            <a href="#">topic</a>
            </div>                      
    </div>

解决方案

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

这篇关于Jquery动态添加和删除类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！