使用按钮获取选项卡的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版本小于1.6：

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

请注意，我将您的第一个函数更改为：

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

除非您的jQuery版本低于1.4.4，否则不要使用live

获取索引的一种方法：

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

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