使用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