使用jQuery重命名引导选项卡

我已经建立了一个使用jQuery动态创建新选项卡的系统，以便在单击链接时创建一个新选项卡。每个选项卡的内容都设置为文本框。是否可以将选项卡的标题更改为输入到文本框中的内容，理想情况下是在键入时，而不是在必须单击enter或其他按钮后

我还有另一个问题，我不确定这是否需要一个新的问题，但不管怎样，还是这样。我需要能够删除标签，最好是在点击链接时。我想这是可能的，但我不太清楚如何做到。到目前为止，我已经想到了一个jQuery函数，您可以将选项卡的id传递给它，它会删除链接和内容，但我真的不知道如何编写代码

jsFiddle：

试一试

---

演示：

您能告诉我如何将其集成吗？也许是通过向我的JSFIDLE添加一个修订版或提供一个示例？谢谢你的快速回复：）@BenedictLewis我在我的邮箱里贴了一把小提琴answer@BenedictLewis这是一个工作示例，您可以添加一个新选项卡并尝试编辑文本字段对不起，我错了！我刚刚意识到你已经做到了，而且效果非常好！非常感谢：）如果你还需要“删除标签”功能，这里是你的小提琴，德国劳埃德船级社！

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

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