Get tab selected Id in jQuery UI 1.9

Question

How can I get the tab selected Id in jQuery UI 1.9?

I use this method in jQuery UI 1.8 :

var key = $('#chart-report-tabs .ui-tabs-panel:not(.ui-tabs-hide)').prop('id');

but it does not work in the 1.9 version.

Answer 1

Use the activate or beforeActivate events with ui.newPanel:

$('#chart-report-tabs').tabs({
  activate: function(e, ui) {
    var key = $(ui.newPanel).prop('id');
  }
});

Check the documentation

Answer 2

Try this:

var $tabs = $('#chart-report-tabs');
var index = $tabs.tabs('option', 'selected');
var key = $tabs.tabs("option", "panel").find('.ui-tabs-panel').eq(index).prop('id');

Source: jQuery UI Tabs selected index

Answer 3

$('#divName .ui-tabs-panel[aria-hidden="false"]').prop('id');

Answer 4

Try this:

$('#chart-report-tabs .ui-tabs-panel[aria-hidden="false"]').prop('id');

Answer 5

Try this one:

$("#<id of tabs>").tabs("option","active")

Returns zero-based index of active tab