重命名jQuery UI的标签与jQuery

我有3个选项卡：重命名jQuery UI的标签与jQuery

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">Tab1</a></li> 
     <li><a href="#tabs-2">Tab2</a></li> 
     <li><a href="#tabs-3">Tab3</a></li> 
    </ul> 
    <div id="tabs-1"></div> 
    <div id="tabs-2"></div> 
    <div id="tabs-3"></div> 
</div>

与这个jQuery

<script type="text/javascript"> 
    $(document).ready(function() { 
     var $tabs = $("#tabs").tabs({ 
      select: function (e, ui) { 
      } 
     }); 
    }); 
</script>

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

我尝试了几种在Google上找到的方式，但是有任何工作。

感谢，

来源

2011-05-29 Kris-I

你可以只运行下面的代码，它会更改第二个选项卡链接的文本。

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

Example（单击第三标签按钮）

来源

2011-05-29 21:30:30 Niklas

谢谢你的努力和对例如:) – 2011-05-30 06:23:26

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

来源

2011-05-29 21:33:26

任何有兴趣在改变的文本选择的选项卡：

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

来源

2012-11-15 16:41:11 FastTrack

或$（“＃标签UL李[咏叹调扩展=‘真’]一”）文本（“新的选项卡标题”）。 – Pnct 2015-12-02 22:31:51

或者，对于任何人想要更改特定的文字标签“＃标签-2”在这种情况下：

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

注意，这是依赖于jQuery的UI选项卡的当前格式，并且可能需要如果在未来的版本模板变化进行调整。

来源

2013-01-24 19:39:18 Digicrat

我发现了另一个解决方案，如果您不想在动态情况下使用索引。

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

来源

2013-07-08 16:04:16 EricWC

重命名jQuery UI的标签与jQuery

回答

相关问题