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

时间:2013-02-19 20:09:47

标签: javascript jquery jquery-tabs

我很难从嵌套标签中获取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'));

有任何想法以直截了当的方式存档吗?

1 个答案:

答案 0 :(得分:1)

如果没有看到更多代码,我只能假设您的html是如何设置的。但是,就个人而言,我会在调用$('.subtabs').tabs()时使用tab's activate event,而不是稍后绑定事件侦听器。

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/

希望这有帮助,如果您还有其他需要,请告诉我们!