如何獲得我在Jquery標籤中命名的當前標籤標題UI

Question

我正在使用http://jqueryui.com/demos/tabs/#manipulation。我想獲得我之前命名的當前選定標籤的標題（例如，來自href）。如何得到它？

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

Answer 1

從jQuery docs，

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

Answer 2

替代的方式得到分頁標題：

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

Answer 3

使用jQuery的1.9+的情況下，

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

Answer 4

只是另一個版本：

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

Answer 5

我猜的jQuery進行了修改，因爲現在我能夠利用獲取標籤名稱：

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

Answer 6

感謝我這個代碼掙扎。

現在我已經在我的程序中使用了這個代碼。像這樣工作。

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