.removeClass（）はクラスを削除しません。可能性のある特異性エラー

Question

クリックしたリンクに同時にクラスを追加しようとしていますが、同時にそのクラスをDOMから削除しようとしています。クラスを追加するコードの部分は機能しますが、クラスを何度も何度も繰り返すだけです。私はまた、JavaScriptのソリューションとサーバーサイドのソリューションの有効性について興味があります。

$(document).ready(function() { 
    $(function() { 
    $('#header a span').click(function(e) { 
    var title = this.innerText; 
    //possible browser compatability from .text? 
     $('selected').removeClass('selected'); 
     $(this).addClass('selected'); 
     // Also prevent the link from being followed: 
    }); 
    }); 

<div id="header" class="ui-corner-all ui-buttonset"> 
     <a title="index" href="#" class="link" ><span>home</span></a> 
     <a title="code" href="#" class="link" ><span>code</span></a> 
     <a title="design" href="#" class="link" ><span>design</span></a> 
     <a title="illustration" href="#"class="link" ><span>illustration</span></a> 
     <a title="writing" href="#" class="link" ><span>writing</span></a> 
     <a title="links" href="#" class="selected" ><span>links</span></a> 
     <a title="about" href="#" class="selected"><span>about</span></a> 
     </div> 

Answer 1

がにあなたのJSを変更

：ところで

$(document).ready(function() { 
    $('#header a span').click(function(e) { 
     var title = $(this).text(); 
     //possible browser compatability from .text? 
     $('.selected').removeClass('selected'); 
     $(this).addClass('selected'); 
     // Also prevent the link from being followed: 
     return false; 
    }); 
}); 

、あなたがspan要素、またはa要素のクラスselectedをしたいですか、あなたのJSはspanを示したが、あなたのhtmlはaを示しています。

Answer 2

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

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

Answer 3

あなたのクラスのニーズでなければなりません（。）その前に私は思います。