jquery - 在 jQuery UI 选项卡中，如何通过选项卡索引获取选项卡元素？

Question

我有以下 JavaScript 函数来按索引选择选项卡:

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

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

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

Answer 1

似乎没有内置方法，但我可以通过导航到选项卡来完成它:

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);
    }
}