如何获取我在Jquery Tabs UI中命名的当前选项卡标题

bee*_*tle 3 javascript jquery jquery-ui

我正在使用http://jqueryui.com/demos/tabs/#manipulation.我想获得我之前命名的当前所选标签的标题(例如来自href).怎么弄?

我试过了: $(ui.tab).attr('href')

小智 16

获取标签标题的另一种方法:

var selected = $("#tabs").tabs( "option", "selected" );
var selectedTabTitle = $($("#tabs li")[selected]).text();
Run Code Online (Sandbox Code Playgroud)


小智 7

从jquery 文档,

var selectedTabTitle = null;
$( ".selector" ).tabs({
   select: function(event, ui) {
            selectedTabTitle = $(ui.tab).text();
            alert(selectedTabTitle);
    }
});
Run Code Online (Sandbox Code Playgroud)

  • 从JQuery UI 1.9+开始,你需要使用ui.newTab,即:`selectedTabTitle = $(ui.newTab).text();` (2认同)

San*_*osh 5

如果是 jQuery 1.9+,请使用以下内容,

var currentTabTitle = $('div[id="mytabs"] ul .ui-tabs-active > a').attr("href");
Run Code Online (Sandbox Code Playgroud)