查找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保存子选项卡对象（不是当前选项卡）。