Javascript 向jquery UI选项卡控件的标题添加文本

我想在jQueryUI选项卡控件的标题中添加一些文本（见图）。如果我能把它对准右边就好了

<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
        <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#tabs-1">Nunc tincidunt</a></li>
        <li class="ui-state-default ui-corner-top"><a href="#tabs-2">Proin dolor</a></li>
        <li class="ui-state-default ui-corner-top"><a href="#tabs-3">Aenean lacinia</a></li>
       <span style="float: right;">hello</span>
</ul>

你好

类似这样的东西

$("#id_of_tab_element").tabs(); //init of your tabs element
var textElement = $("<span></span>");
textElement.text("text here...");

您还可以在css中定义样式并将类应用于元素

---

在我看来，这是一个公平的问题。我猜你必须将它添加为一个标签，但要改变标签的样式（并禁用它）。好吧，这真的很容易。很尴尬，我没想到。作品谢谢，我需要添加textElement.css（'top'，'10px'）；虽然您可以像我一样执行此操作（即使只有

li

元素进入

ul

元素内部），但它在IE7中不会正常工作，并将

span

元素（在我的情况下是

div

）作为前一个

li

的一部分呈现。

textElement.css('position', 'absolute');
textElement.css('right', '20px');
$("#id_of_tab_element").append(textElement);