Javascript 如何将另一个选项卡动态添加到引导选项卡

我想通过Bootstrap3中的一个模式添加一个垂直选项卡，动态添加选项卡

此外，在每个选项卡中，我们可以轻松编辑或删除选项卡的标题

可以通过javascript或JQuery实现吗

我已经附上了图片

---

使用自定义代码javascript和jquery的工作示例如下

var按钮=“×”； var-tabID=1； 函数重置选项卡{ var tabs=$tab list li:not:first； var len=1 $tabs.每个函数k，v{ len++； $this.find'a'.html'Tab'+len+按钮； } tabID-； } $document.readyfunction{ $'btn-add-tab'。单击函数{ tabID++； $'tab-list'。追加$； $'tab-content'。追加$'tab'+tabID+'content'； $.edit.clickeditHandler； }; $'tab-list'。单击，'.close'，函数{ var tabID=$this.parents'a'.attr'href'； $this.parents'li'。移除； $tabID.remove； //显示第一个选项卡 var tabFirst=$'tab-list a:first'； 重置选项卡； tabFirst.tab'show'； }; var list=document.getElementByIdtab-list； }; var editHandler=函数{ var t=$this； t、 CSS可视性、隐蔽性； $this.prev.attrcontenteditable，true.focusoutfunction{ $this.removeAttrcontenteditable.offfocusout； t、 CSS可视性，可见； }; }; $.edit.clickeditHandler； [内容可编辑]{ 边框：实心1px浅绿色； 填充物：5px； 边界半径：3px； } 添加选项卡

表1内容

---

使用自定义代码javascript和jquery的工作示例如下

var按钮=“×”； var-tabID=1； 函数重置选项卡{ var tabs=$tab list li:not:first； var len=1 $tabs.每个函数k，v{ len++； $this.find'a'.html'Tab'+len+按钮； } tabID-； } $document.readyfunction{ $'btn-add-tab'。单击函数{ tabID++； $'tab-list'。追加$； $'tab-content'。追加$'tab'+tabID+'content'； $.edit.clickeditHandler； }; $'tab-list'。单击，'.close'，函数{ var tabID=$this.parents'a'.attr'href'； $this.parents'li'。移除； $tabID.remove； //显示第一个选项卡 var tabFirst=$'tab-list a:first'； 重置选项卡； tabFirst.tab'show'； }; var list=document.getElementByIdtab-list； }; var editHandler=函数{ var t=$this； t、 CSS可视性、隐蔽性； $this.prev.attrcontenteditable，true.focusoutfunction{ $this.removeAttrcontenteditable.offfocusout； t、 CSS可视性，可见； }; }; $.edit.clickeditHandler； [内容可编辑]{ 边框：实心1px浅绿色； 填充物：5px； 边界半径：3px； } 添加选项卡

表1内容

---

您的问题太笼统，请提供一个代码示例。您的问题太笼统，请提供一个代码示例。效果非常好..：我们可以在选项卡下添加要删除的按钮吗？如果我正在执行此操作，则无法关闭选项卡本身。工作正常..：我们可以在选项卡下添加要删除的按钮吗？如果我这样做，它无法关闭标签本身。