在当前选定的jQuery-UI选项卡中使用jQuery-Selector

Question

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

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

有没有办法识别当前选中的Tab并在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();