使用jQuery重命名jQuery UI选项卡

我有3个标签：

<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更改为其他文本

我尝试了几种在谷歌上找到的方法，但没有任何效果

---

谢谢，

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

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

---

单击第三个选项卡中的按钮

，任何人都可以更改所选选项卡的文本：

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

---

$'tabs.ui选项卡选择了一个'.text新标题

或者，对于想要更改特定选项卡文本的任何人，本例中的选项卡2：

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

---

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

如果您不想使用动态索引，我找到了另一种解决方案

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

---

感谢您的努力和示例：或$tabs ul li[aria expanded='true']a.text新标签标题；