javascript - 根据当前顶部选定的选项卡获取嵌套选项卡

Question

我很难从嵌套选项卡中获取 id。

我有选项卡，每个选项卡内部都有嵌套选项卡。我从顶部选项卡获取 id 没有问题。

现在我想检查哪个选项卡处于活动状态，但它必须来自顶部选定选项卡中的一组选项卡。

//Top tabs
var topTabs = $('.tabs').tabs();
//Current selected top tab
var curSelected = topTabs.tabs('option', 'selected');

//Here how can I get the subtab?  NON FUNCTIONAL EXAMPLE
var secondTabSelected = $(curSelected ).children($('.subtabs').('option', 'selected'));

有什么想法可以直接存档吗？

Answer 1

在没有看到更多代码的情况下，我只能假设您的 html 是如何设置的。但是，就个人而言，我会在调用时使用选项卡的激活事件$('.subtabs').tabs()，而不是稍后绑定事件侦听器。

JAVASCRIPT：

$('.subtabs').tabs({
    activate: function( event, ui ) {
        //get relative li index
        var secondTabSelected = $(ui.newTab).index();
        console.log(secondTabSelected);
    }
});

演示：http: //jsfiddle.net/dirtyd77/b8uf2/2/

希望这会有所帮助，如果您需要其他任何东西，请告诉我！