Question

我正在处理UI中具有多个嵌套级别选项卡的应用程序。我正在使用jQuery作为选项卡。我知道我们可以找到选中的标签，知道标签组ID，如

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

但我需要反过来。那就是我需要找到当前所选标签的标签组的ID。我将在下面给出一个示例选项卡结构。假设选项卡1，选项卡2，选项卡3，选项卡4属于'Group1'，选项卡2.1，选项卡2.2，选项卡2.3属于'Group2'（即$('#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 group的东西。你所指的只是你的标签的语义设置，它就像父元素和子元素一样。

当您查看选项卡2.2时，选项卡2是父选项卡中的活动选项卡，因此您只需检查父选项卡的选定选项即可获得所谓的“选项卡组”。

要获取所选标签，您可以执行以下操作：

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

如果您想要父选项卡面板的ID，则执行此操作会更快更容易：

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

假设currenTabs拥有子选项卡对象（不是当前选项卡）。

查找Jquery选项卡组

1 个答案: