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

Question

我正在使用http://jqueryui.com/demos/tabs/#manipulation。我想得到我之前命名的当前所选标签的标题（例如来自href）。如何获得它？

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

Answer 1

获取标签标题的其他方式：

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

Answer 2

来自jquery docs，

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

Answer 3

在jQuery 1.9 +，

的情况下使用以下内容

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

Answer 4

我猜jquery已被修改，因为现在我可以使用以下方式获取标签名称：

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

Answer 5

只是另一个版本：

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

Answer 6

谢谢，我正在努力解决这个问题。

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

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