jquery - 需要 jQuery 选项卡当前选定的选项卡 ID

Question

我知道我可以获取当前所选选项卡的索引，但是我可以以某种方式获取 ID(相当于 ui.panel.id，如果这是由选项卡事件触发的话)。 .但不是)当前选定的选项卡？我不想使用索引，因为选项卡的顺序可能会改变。我不想使用样式标记，因为这些标记可能在未来的版本中发生变化。有没有办法呢？如果没有，我可以以某种方式使用索引来访问它(甚至可以先访问面板对象)吗？还有其他想法吗？

Answer 1

您可以使用:visible pseudo-selector以可见面板为目标:

$("#tabs .ui-tabs-panel:visible").attr("id");

值得注意的是，您可以从 activate event 检索事件选项卡:

$("#tabs").tabs({
    activate: function (event, ui) {
        console.log(ui.newPanel[0].id);
    }
});