使用 jQuery 重命名 jQuery UI 选项卡

2024-03-20

我有 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”更改为“其他文本”

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

Thanks,


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

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

Example http://jsfiddle.net/niklasvh/3RpC8/(单击第三个选项卡中的按钮)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 jQuery 重命名 jQuery UI 选项卡 的相关文章

随机推荐