jquery動態添加和刪除類

Question

我想添加類「選擇」，當一個鏈接被點擊，當用戶點擊下一個鏈接時，我想刪除以前的「選擇」類並添加「選擇」到鏈接提前點擊..

-Thanks

$(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> 

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

可以使用此：

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

它將被自動刪除剛剛類DIV類選擇 ='新聞瓦特'

如果妳使用：

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

當u想添加更多的元素一個到DOM出從 DIV CLASS = '新聞-W'它也將被刪除..

Answer 5

要添加添加類或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"); 
        } 
       }); 
      }); 

是的，我知道，我來參加聚會很晚。