使用按钮获取选项卡的ID

Question

我有以下代码获取当前所选jquery-ui-tab的id：

$($('[id^="tab"], [id^="home"]')).live('click', function() {
    alert($(this).attr("id"));
});

如您所见，我有两组标签，tab（n）和home（n）。

这很好，除了我需要能够在任何时间点获取id，而不是在选择选项卡时，上面的代码只在选择了选项卡时获得id。

如何使用单击的标准按钮获取jquery-ui-tabs home（n）和tab（n）的id。

$("#button_one").click(function(event) { 
    // get id of selected tab
});

Answer 1

$('.ui-tabs-selected').prop('id');

jQuery版本＆lt; 1.6：

$('.ui-tabs-selected').attr('id');

请注意，我会将您的第一个功能更改为：

$($('[id^="tab"], [id^="home"]')).live('click', function() {
    alert(this.id);
});

不要使用live，除非你的jQuery版本是＆lt; 1.4.4

---

获取索引的方法：

  

...检索当前所选标签的索引

var $tabs = $('#example').tabs();
var selected = $tabs.tabs('option', 'selected');