jquery - 在jQuery UI标签中，如何通过其标签索引获取tab元素？

我有以下JavaScript函数可以通过其索引选择选项卡：

function changeTab(tabIndex) {
    $("#panel").tabs("select", tabIndex);
}

但是我必须检查该选项卡是否存在以及是否可见，否则它将尝试选择一个不应使用的选项卡。

对于它的存在，我只需要使用$("#panel").tabs("length");，但是要check if it is visible我需要元素本身。

最佳答案

似乎没有内置的方法，但是我可以通过导航到选项卡来实现：

function changeTab(tabIndex) {
    var panel = $("#panel");
    var queryIndex = tabIndex + 1; // 1 based
    var desiredTab = panel.find("> ul li:nth-child( " + queryIndex + ")");

    if (desiredTab && desiredTab.is(":visible")) {
        panel.tabs("select", tabIndex);
    }
}

关于jquery - 在jQuery UI标签中，如何通过其标签索引获取tab元素？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6535837/