查找Jquery選項卡組

Question

我正在使用UI中具有多個嵌套級別選項卡的應用程序。我使用jQuery的標籤。我知道我們可以找到選定的標籤，知道標籤組ID，如

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

但我需要相反的。這是我需要找到當前選定選項卡的選項卡組的ID。下面給出一個示例選項卡結構。假設標籤1，標籤2，標籤3，接頭4屬於 '組別1' 和Tab 2.1，選項卡2.2，標籤2.3屬於 '組2'（即 $('#Group1').tabs()和 $('#Group2').tabs())。

-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中沒有任何稱爲tab組的東西，你所指的僅僅是語義設置您的選項卡的行爲與父級和子級元素相似

當您查看Tab 2.2時，Tab 2是父級選項卡中的活動選項卡，因此您只需檢查父標籤的選定選項即可獲取您所稱的「標籤組」。

獲取所選選項卡，你可以這樣做：

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

如果您希望父標籤面板的ID也將更快，更容易做到這一點：

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

假設currenTabs保存子選項卡對象（不是當前選項卡）。