addClass到父

Question

HTML：

<div class="tabbed-section"> 
    <ul class="tabs"> 
     <li><a href="#tab-1">Tab 1</a><li> 
     <li><a href="#tab-2">Tab 2</a><li> 
    </ul> 
    <div id="tab-1" class="panel"> 
     content 1 
    </div> 
    <div id="tab-2" class="panel"> 
     content 2 
    </div> 
</div> 

的jQuery：

$('.tabbed-section .panel').hide(); 
    $('.tabbed-section .panel:first').show(); 
    $('.tabbed-section .tabs li:first').addClass('active'); 
    $('.tabbed-section .tabs li a').click(function() { 
     $('.tabbed-section .tabs li').removeClass('active'); 
     $(this).parent().addClass('active'); 
     var currentTab = $(this).attr('href'); 
     $('.tabbed-section .panel').hide(); 
     $(currentTab).show(); 
     return false; 
    }); 

我想作爲一類添加激活的標籤ID（ 「標籤-1」 爲例）以 「選項卡式截面」 div，並在另一個選項卡處於活動狀態時將其刪除，我該如何實現此目標？

Answer 1

這應該這樣做，不明白爲什麼你要的標籤ID添加爲類父，雖然：

$('ul.tabs a').click(function() { 
    var tab_id = $(this).attr('href'); 
    $(this) 
     .closest('div.tabbed-section') 
     .attr('class', 'tabbed-section '+tab_id.replace('#', '')); 

    $('.tabbed-section .panel').hide(); 
    $(tab_id).show(); 
    return false; 
}); 
$('ul.tabs a:first').click();