jquery - jQuery UI 1.9でタブ選択IDを取得

Question

jQuery UI 1.9でタブ選択IDを取得するにはどうすればよいですか?

jQuery UI 1.8 でこのメソッドを使用します。

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

ただし、1.9 バージョンでは機能しません。

Answer 1

これを試して：

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

Answer 2

これを試してください：

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

アクティブなタブのゼロから始まるインデックスを返します

Answer 3

これを試して：

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');

ソース: jQuery UI タブの選択されたインデックス

Answer 4

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