jQuery，克隆 DIV 和内容，附加 jQuery 选项卡答案

【问题标题】：jQuery, Clone DIV and Contents, Append with jQuery TabsjQuery，克隆 DIV 和内容，附加 jQuery 选项卡
【发布时间】：2016-12-30 13:42:35
【问题描述】：

我正在尝试克隆一个选项卡的内容，然后将其附加到作为 jQuery 选项卡的 DIV，然后刷新它。

这是我的代码：

    $.fn.addDegree = function (tabId, tabLabel) {
            $('#degree_tabs ul[role="tablist"]').append("<li><a href='#" + tabId + "'>" + tabLabel + "</a>");
            var clonedDiv = $('#tabs-1').clone();
            clonedDiv.attr("id", "tabs-"+tabId);
            $('#degree_tabs').append(clonedDiv);                
            $(this).tabs("refresh");
    };

但是，此代码不起作用，因为克隆的 div id 在应该是“tabs-2”时变成了“tabs-tabs-2”，虽然附加了 div，但它现在应该在 tabs-1 下方可见不是。

clone输出的div元素是这样的：-

<div class="standard_degree_app tab_overflow ui-tabs-panel ui-widget-content ui-corner-bottom" id="tabs-tabs-2" aria-labelledby="ui-id-1" role="tabpanel" aria-expanded="true" aria-hidden="false">

【问题讨论】：

标签： jquery tabs append clone

【解决方案1】：

您的 id 似乎是独一无二的。如果您只需要tabs-2，即上面的tabId。就这样做

 var clonedDiv = $('#tabs-1').clone();
 clonedDiv.attr("id", tabId);
 ....

【讨论】：

知道如何遍历所有克隆的输入、选择和其他表单字段并将它们设置为空白吗？ val('') 我会假设。
clonedDiv.find('input').each(function(){ $(this).val('')});