jQuery，克隆 DIV 和内容，附加 jQuery 标签

Question

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

这是我的代码：

    $.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-tabs-2"，而它应该是 "tabs-2"，虽然附加了 div，但现在是不应该在 tabs-1 下方可见。

克隆输出的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">

Answer 1

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

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

jQuery，克隆 DIV 和内容，附加 jQuery 标签

jQuery, Clone DIV and Contents, Append with jQuery Tabs

jquery

tabs

clone

append