jquery动态编辑标签

Question

我是一种新的jquery。我使用jquery选项卡，并且我有几个按钮。我需要做的是当每个按钮被按下时，标签会动态改变。例如，在加载页面的标签是

<ul id="featured_tabs"> 
     <li><a href="#fc1" style="width: 454px">tab1/a></li> 
     <li class="last"><a href="#fc2" style="width: 454px">tab2</a></li> 
</ul> 

但是当按下另一个按钮，他们成为

<ul id="featured_tabs"> 
     <li><a href="#fc1" style="width: 454px">another tab1/a></li> 
     <li><a href="#fc1" style="width: 454px">another tab2/a></li> 
     <li class="last"><a href="#fc2" style="width: 454px">another tab3</a></li> 
</ul> 

我已经尝试了函数来设置的featured_tabs的innerHTML，但它不工作的权利。 有什么建议吗？

Answer 1

试试这个代码：

$('button').click(function(){ 
    $('#featured_tabs').append('<li><a href="#fc3" style="width: 454px">another tab3</a></li>') 
    $('#featured_tabs li').removeClass('last').last().addClass('last') 
}) 

Answer 2

您可以在this看一看！提供的方法应该做你想做的！

Answer 3

一旦featured_tabs内容发生变化时，需要调用refresh

$("#featured_tabs").tabs("refresh");