jquery ui选项卡更改选定的选项卡文本答案

【问题标题】：jquery ui tabs change selected tab textjquery ui选项卡更改选定的选项卡文本
【发布时间】：2012-03-01 17:35:13
【问题描述】：

以下不起作用：

$("#tabs").tabs( "option", "selected" ).text('Logout');

不是

$("#tabs").tabs( "option", "selected" ).text()='Logout';

有错误：

$("#tabs").tabs("option", "selected").text is not a function

请问如何更改标签的文本？

【问题讨论】：

【解决方案1】：

您使用的代码为所选选项卡返回一个整数值。它不是具有text() 方法的对象。你将不得不做这样的事情：

var selectedTab = $("#tabs").tabs( "option", "selected" );
$("#tabs ul li a").eq(selectedTab).text("your text");

希望这会有所帮助！

【讨论】：

【解决方案2】：

您需要在 jQuery Tabs 元素上使用select 事件。在函数内部，只需找到您的 DOM 元素并更改 innerText 值。

$( ".selector" ).tabs({
   select: function(event, ui) { ... }
});

【讨论】：

【解决方案3】：

$("#tabs").tabs("option", "selected")

返回所选标签的 ID。
如果您想在选项卡被选中时更改其标题，
你可以这样做

$('#tabs').tabs({
  select: function(e, ui) {
    $(ui.tab).text('someText');
  }
});

【讨论】：