在当前选定的jQuery-UI标签中使用jQuery-Selector

Question

我目前正在使用jQuery-Tabs来模拟多窗口输入掩码。因此，选项卡是可变的，用户可以添加和删除它们，并且这些选项卡中的内容始终是相同的输入表单。

现在我需要通过jQuery选择其中的一些字段。问题是，我需要找出当前选择了哪个选项卡，并在选择器中使用此信息。

有没有一种方法可以识别当前选定的选项卡，并在jQuery选择器中使用此信息，以便我可以操作正确的字段？

遍历选项卡并检查诸如“隐藏”之类的属性并不是一个真正的选项，因为这会显著降低应用程序的运行速度。

Answer 1

写一些类似这样的东西：

var activeTab=0;

$(function(){
    $( ".selector" ).tabs({
       select: function(event, ui) { activeTab=ui.index; }
    });
});

并随心所欲地使用activeTab变量

Answer 2

查找名为"ui-state- active“的类，这将帮助您找到活动选项卡

Answer 3

假设您的选项卡容器为#myTabs

您可以使用以下命令获取所选div的id

var id = $("li.ui-tabs-selected a", "#myTabs").attr("href"); // has # as part of the href
$(".myformelement", id).val();