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

【问题标题】：How to get current tab title which i named in Jquery Tabs UI如何获取我在 Jquery Tabs UI 中命名的当前标签标题
【发布时间】：2012-04-01 00:37:09
【问题描述】：

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

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

【问题讨论】：

标签： javascript jquery jquery-ui

【解决方案1】：

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

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

【讨论】：

chessBoard.js:91 Uncaught TypeError: $(...).tabs is not a function 这怎么可能工作？这个 id 为“tabs”的元素是什么？

【解决方案2】：

来自 jquery docs，

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

【讨论】：

偶然发现这个，只是给未来读者的一个提示，关于这种事情有一个很长的帖子here
从 JQuery UI 1.9+ 开始，您需要使用 ui.newTab，即：selectedTabTitle = $(ui.newTab).text();

【解决方案3】：

在 jQuery 1.9+ 的情况下使用以下内容，

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

【讨论】：

【解决方案4】：

只是另一个版本：

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

【讨论】：

【解决方案5】：

我猜 jquery 已被修改，因为现在我可以使用以下方法获取选项卡名称：

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

【讨论】：

【解决方案6】：

感谢我在这段代码中苦苦挣扎。

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

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

【讨论】：