jquery - 使用按钮获取选项卡的 id

Question

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

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

如您所见，我有 2 组选项卡，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);
});

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

---

获取索引的方法：

...检索当前选定选项卡的索引

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