jQuery - 添加和刪除類

Question

我試圖讓它有一個默認選項卡，當另一個被點擊時，它將該類從該選項卡移到被點擊的類上。

下面是我有HTML：

<div id="rightWrap"> 
    <div id="headStep"><span class="titleSub">Workers</span></div> 
    <center> 
    <br> 
    <a href="../about/?s=architect"><table class="highlight"> 
    </table></a> 
    <br> 
    <a href="../about/?s=broker"><table class=""> 
    </table></a> 
    <br> 
    <a href="../about/?s=operator"><table class=""> 
    </table></a> 
    <br> 
    <a href="../about/?s=consultant"><table class=""> 
    </table></a> 
    </center> 
</div> 

和JavaScript：

$(document).ready(function() { 
    $('#rightWrap a table').click(function(){ 
    $(this).addClass('highlight').siblings().removeClass('highlight'); 
}); 
}); 

Answer 1

我想你可以簡化它到這個;

$(document).ready(function() { 
    $('#rightWrap a table').click(function(){ 
     $('#rightWrap').find('.highlight').removeClass('highlight'); 
     $(this).addClass('highlight');  
    }); 
}); 

您的HTML也需要一些認真的工作。爲什麼是空表？

Answer 2

你的表沒有兄弟姐妹。

$(document).ready(function() { 
    $('#rightWrap a table').click(function(){ 
     var $this = $(this); 
     $this.parent().siblings('a').find('table').removeClass('highlight'); 
     $this.addClass('highlight');  
    }); 
}); 

注意，如果網頁的DOCTYPE是不是HTML5，與<a>元素包裹表，使您的文件無效。