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

また、無効なHTMLを持っている

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

を試してみてください。同じIDを持つ要素が2つ以上あります。

Answer 3

別の代替ソリューションは、次のとおりです。

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

Answer 4

あなたは、この使用することができます：ちょうどクラスがのdivクラス= 'ニュース-Wでを選択し、自動的に削除されます

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

を'

uはこれを使用する場合：

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

uが出 からより多くの要素DOMにを追加したい、それがあまりにも削除されます= 'ニュース-W'のdivクラス..

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"); 
        } 
       }); 
      }); 

私は知っている、私は非常に遅くパーティーに来た。