取得jQueryUI Tabs的當前tab panel

節選並翻譯自http://stackoverflow.com/questions/300078/jquery-ui-tabs-get-currently-selected-tab-index 雖然該帖子已經有些時日，不過我沒有發現有人提及這個方案： 如果不在Tab的事件（tab events ，http://jqueryui.com/demos/tabs/#events ）中，如何取得當前tab （ "selected tab" ）--當前選中的tab的下面的顯示內容的panel。我有一個簡單的方式... 

1. var curTab = $( '.ui-tabs-panel:not(.ui-tabs-hide)' );  

你可以很容易的得到索引號index， 完全正確， 下面是其文檔中提及的方式 

1. var $tabs = $( '#example' ).tabs();  
2. var selected = $tabs.tabs( 'option' ,  'selected' );  // => 0  

不過你可以用我說的方式來獲取索引號index 或者其他任何當前panel的屬性.. 

1. var curTab = $( '.ui-tabs-panel:not(.ui-tabs-hide)' ),  
2.     curTabIndex = curTab.index(),  
3.     curTabID = curTab.prop( "id" ),  
4.     curTabCls = curTab.attr( "class" );