jQuery的，如果hasClass行動

Question

我有此琴：

http://jsfiddle.net/4CtLV/

現在，我想要做的，就是如果一個標籤都有selectedTab作爲其類，則顯示相應的股利。我已經設置了if語句，但不確定從哪裏開始，

任何幫助表示讚賞！

Answer 1

看一看this revision。

我已經分解出來的代碼來顯示一個標籤到一個函數showTab：

var showTab = function(id) { 
    $tab = $("#" + id); 
    $('.tabTrigger').removeClass('selectedTab'); 
    $tab.addClass('selectedTab'); 
    $('.tabContent').hide(); 
    $('#' + id.replace('tab','content')).show(); 
} 

其餘的則非常簡單：

// Show the selected tab, or the first one if none is selected 
var selectedId = $('.tabTrigger.selectedTab').attr('id'); 
showTab(selectedId || $('.tabTrigger:first').attr('id')); 

// Set up the click handlers 
$('.tabTrigger').click(function(){ 
    showTab(this.id); 
}); 

作爲一般的音符，在所有這些情況下，您需要將你想運行的代碼分解爲一個獨立的函數。一旦你這樣做，其餘的就自然而然了。

Answer 2

嘗試$('.tabTrigger.selectedTab')的選擇，而不是，然後用.show()告訴他們：

$('.tabTrigger.selectedTab').show(); 

http://jsfiddle.net/mattlunn/4CtLV/1/

Answer 3

試試我的更新：http://jsfiddle.net/4CtLV/5/

$(document).ready(function() { 
    $('.tabContent:gt(0)').hide(); 
    $('.tabTrigger:first').addClass('selectedTab'); 
    var selectedTab = $('.tabTrigger.selectedTab:first'); 
    if (selectedTab.length == 1) { 
     $('#' + selectedTab.attr('id').replace('tab', 'content')).show(); 
    } 
    $('.tabTrigger').click(function() { 
     $('.tabTrigger').removeClass('selectedTab'); 
     $(this).addClass('selectedTab'); 
     $('.tabContent').hide(); 
     var id = $(this).attr('id'); 

     id = id.replace('tab', 'content'); 

     $('#' + id).show(); 
    }); 
});