通过单击+复制最后一个选项卡；带有jQuery UI选项卡的按钮

我需要创建一个选项卡式页面，用户可以在其中单击选项卡/按钮复制最后一个选项卡，如下图所示：

在这种情况下，您可以单击加号，创建的

选项卡3

的内容将与

选项卡2

的内容相同

我想知道最好的办法是什么

编辑：

---

这里有一个（一定要先点击run）和我到目前为止的代码。差不多了，但是如果你的标签名有一个空格，它不会因为某种原因复制最后一个子html。

最好手动生成

id

，而不是直接使用用户输入生成

id

，因为它应该是唯一的，不能包含空格等

我们可以将选项卡的标题设置为用户输入，同时在幕后生成唯一的

id

我使用jquery方法更新了您的代码，如下所示：

$（函数（）{
var$tabs=$（“#tabs”）.tabs（），
$dialog=$（“#新建#选项卡_对话框”）。对话框({
自动打开：错误，
身高：200，
宽度：350，
莫代尔：是的，
按钮：{
“创建新选项卡”：函数（）{
$dialog.dialog（“关闭”）；
var tid=parseInt（$（“.tab”）.last（）.attr（“id”）.replace（“tab”，”）+1，
li=$（“
”）.insertBefore（“#list li:last”）；
$("






表1内容

表2内容

当您单击加号时，它应该通过复制列表中的最后一个子项来创建一个新选项卡（和相应的div）

共享基本的样板代码和css将极大地帮助那些试图帮助你的人。在我的大脑融化之前，这里是我能做的一把小提琴。它几乎就在那里，但是如果你的标签名有一个空格，它不会因为某种原因复制最后一个子html。（一定要先点击run）因为

id

应该是唯一的，并且它不能包含空格…我添加了一个答案…顺便说一句，如果您将

newTab

函数移动到

.ready（）

处理程序，您可以使用一些缓存…我已经更新了答案以使用一些缓存…您可以找到

newTab（）

位于

ready（）之外的旧答案

如有必要，请查阅修订历史记录……非常感谢TJ。非常有帮助。。。