重命名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

回答

相關問題