使用jQuery重命名jQuery UI选项卡

我有3个标签：

 
 
Tab1
 
Tab2
 
Tab3
 
 
 
 
  

用这个jQuery

  $(document).ready(function () { var $tabs = $("#tabs").tabs({ select: function (e, ui) { } }); });  

我想在第一个和第三个选项卡上执行某些操作时，第二个选项卡的标签将名称从“Tab2”更改为“其他文本”

我在Google上尝试了几种方法，但任何工作。

谢谢，

Answer 1

您可以运行以下代码，它将更改第二个选项卡链接的文本。

 $('#tabs ul:first li:eq(1) a').text("Other text"); 

示例 （单击第3个选项卡中的按钮）

Answer 2

或者，对于想要更改特定选项卡文本的任何人，在这种情况下使用“＃tabs-2”：

 $('#tabs [aria-controls=tabs-2] a span').text("New Label") 

请注意，这取决于jquery-ui选项卡的当前格式，如果模板在将来的版本中发生更改，则可能需要进行调整。

Answer 3

 $('#tabs ul li:nth-child(2) a').text('Other text'); 

Answer 4

对于有兴趣更改所选标签文本的任何人：

$('#tabs .ui-tabs-selected a').text("New Title");

Answer 5

如果您不想在索引是动态的情况下使用索引，我找到了另一种解决方案。

 $('#tabs a[href=#idoftab]').text("New Title");