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");