Jquery 所选选项卡id？

我有以下脚本，用于获取所选选项卡的索引：

---

如果李先生有身份证的话，有可能得到身份证吗。如果更容易从其他地方获取，那么也可以，即相关的div标记或其他地方。

jqueryui只是将一个类添加到所选的li。您可以将所选类的li拉出，如下所示：

var id = $("li.tab:eq("+selected+")").attr('id');

   var id = $("li.tab.ui-tabs-selected").attr("id");

var id = $("li.tab:not(.ui-tabs-selected)").first().attr("id");

如果您想获得其中一个未选中的选项卡，可以执行以下操作：

   var id = $("li.tab.ui-tabs-selected").attr("id");

var id = $("li.tab:not(.ui-tabs-selected)").first().attr("id");

工作示例：

---

如果您能够简单地使用Tabs控件的

select

事件处理程序，则此操作非常有效：

$('#tabs').tabs({
    select: function( evt, ui ) {
        console.log( $(ui.panel).attr( 'id' ) );
    }
});

---

此外，这里还有不同的

ui

对象属性。

如果您像我一样通过谷歌来到这里，并且使用jQuery ui 1.9.X，请使用

激活
或
之前激活
事件来获取
id
：

$('selector').tabs({
  activate: function(e, ui) {
    var id = $(ui.newPanel).prop('id');
  }
});

如果您使用的是jquery选项卡（新版本）：






//在init中获取id
$（函数（）{
$（“#制表符”）。制表符({
激活：功能（事件、用户界面）{
var id=$（ui.newPanel）.prop（'id'）；
}
}
);
});
var id=$（“#tabs li.ui state active”）.attr（'data-value'）//在其他函数中获取id
您的演示似乎不起作用。它似乎正在返回索引。我更喜欢下面Eugene的解决方案，因为尽管它在技术上效率较低，但它并不依赖于jQuery的默认行为，它向用户展示了如何为不同的未来情况获取未选中选项卡的id。更新了我的JSFIDLE链接，还包括了一种获取“未选择”选项卡的方法，以防出现问题。发布到JSFIDLE的链接允许用户快速轻松地对脚本进行更改，而无需在自己的计算机上重新创建脚本，这对试图提供帮助的人来说需要更长的时间。