Jqueryタブグループの検索

Question

UIで複数のネストされたレベルタブを持つアプリケーションで作業しています。私はタブのjQueryを使用しています。私は選択されたタブが好きなタブグループIDを知ることができることを知っている

$('#exampleTabs').tabs('option','selected');

しかし、私は逆が必要です。つまり、現在選択されているタブのタブグループのIDを見つける必要があります。以下に、例のタブ構造を示します。 （すなわち $('#Group1').tabs()と $('#Group2').tabs()) 'グループ2' に属しタブ1、タブ2、タブ3、 'グループ1' とタブ2.1、タブ2.2に属しタブ4、タブ2.3を想定しています。

-Tab 1 
-Tab 2 
    +-Tab 2.1 
    +-Tab 2.2 ---> assume we are here 
    +-Tab 2.3 
-Tab 3 
-Tab 4 

だから、私達はである与えられましたタブ 'Tab 2.2'、ID 'Group2'を取得する必要がありますか？

Answer 1

jQuery UIにタブグループと呼ばれるものはありません。

タブ2.2を見ると、タブ2は親タブのアクティブなタブであり、親タブの選択したオプションをチェックするだけで、「タブグループ」と呼ばれるものを取得する必要があります。あなたが親タブパネルのIDをしたい場合は、これを行うには、より速く、より簡単になります

var parentTab = currentTabs.closest('.ui-tabs').tabs('option', 'selected'); 

：currenTabsを想定し

var parentTabId = currentTabs.closest('.ui-tabs-panel')[0].id; 

あなたがこれを行うことができ、選択したタブを取得するために

現在のタブではなく子タブオブジェクトを保持します。