php - .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元素上selected，还是在a元素上，你的JS表示span 但你的 html 表示 a。