使用jQuery重命名Bootstrap選項卡

Question

我已經設置了一個使用jQuery動態創建新選項卡的系統，以便在單擊鏈接時創建一個新選項卡。每個選項卡的內容都設置爲文本框。是否可以將標籤的標題更改爲文本框中輸入的內容，理想情況下是在他們鍵入內容之後而不是必須單擊輸入或其他按鈕之後進行輸入？

我也有另一個問題，我不知道這是否需要一個新的問題，但無論如何這裏。我需要能夠刪除標籤，理想情況下點擊鏈接。我認爲這是可能的，但我不確定如何。到目前爲止，我已經想到了一個jQuery函數，它將標籤的id傳遞給它，它刪除了鏈接和內容，但我真的不知道如何編碼它？

的jsfiddle： http://jsfiddle.net/BenedictLewis/eYePA/

Info: 
I am using Twitter Bootstrap with the theme Simplex from Bootswatch. 
The CSS and JS files for Bootstrap are loaded from BootstrapCDN. 

Answer 1

嘗試

$('#tabContent').on('keyup', 'input[id^="pageTitle_tab"]', function(){ 
    var index = $(this).closest('.tab-pane').index(); 
    $('#tabHeaders li:eq(' + (index + 1) + ') a').html(this.value) 
}) 

演示：Fiddle