如何获得我在Jquery标签中命名的当前标签标题UI

问题描述:

我正在使用http://jqueryui.com/demos/tabs/#manipulation。我想获得我之前命名的当前选定标签的标题(例如,来自href)。如何得到它?如何获得我在Jquery标签中命名的当前标签标题UI

我想: $(ui.tab).attr('href')

从jQuery docs

var selectedTabTitle = null; 
$(".selector").tabs({ 
    select: function(event, ui) { 
      selectedTabTitle = $(ui.tab).text(); 
      alert(selectedTabTitle); 
    } 
}); 
+1

跨越这也是出于偶然,只是一张纸条给未来的读者,还有很长的一篇关于这种事情[这里](http://stackoverflow.com/questions/300078/jquery-ui-tabs -get-currently-selected-tab-index/7967944#7967944) – SpYk3HH 2013-04-16 15:37:56

+2

从JQuery UI 1.9+开始,你需要使用ui.newTab,即: 'selectedTabTitle = $(ui.newTab).text() – 2015-04-13 19:53:33

替代的方式得到分页标题:

var selected = $("#tabs").tabs("option", "selected"); 
var selectedTabTitle = $($("#tabs li")[selected]).text(); 

使用jQuery的1.9+的情况下,

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

只是另一个版本:

$("#tabsId .ui-state-active > a").html() 

我猜的jQuery进行了修改,因为现在我能够利用获取标签名称:

$(function() { 
$("#tabs").tabs({ 
    activate : function (event,ui) { 
     selectedTabTitle = ui.newTab[0].innerText; 
     alert(selectedTabTitle); 
    } 
}); 
}); 

感谢我这个代码挣扎。

现在我已经在我的程序中使用了这个代码。像这样工作。

$('#tabs').click('tabsselect', function (event, ui) { 
    var selectedTab = $("#tabs").tabs('option','selected'); 
    alert("selectedTab===>" + $($("#tabs li")[selectedTab]).text()); 
});