是否可以使用JQuery包装div并使用包含的元素动态创建div的副本？

Question

我有一个包含多个文本字段的Div。我的代码包装div很简单，工作正常。但是我想知道是否可以包装div，用内容创建一个新的div，生成一个新的html输入然后使用.unwrap（）打开第一个div并重复这个过程？结果显示在模态窗口中，因此一次只能创建一个div。

function adminCredential(){
    $('#newAdminCredential').on('click',function() {
        var tempAdminCredential = $("#newCredential").wrapInner("<div id='adminCredential'></div>");
        var adminCredential = tempAdminCredential.clone();
        $("#newCredential").unwrap("<div id ='adminCredential'></div>");

    });
}

<div id="newCredential" class="credentialWindow"> 
<div class="sectionHeader">Credential</div>
<div class="sectionContent">
        <input type="hidden" name="id[]" value="0">
        <input type="hidden" name="customer_id[]" value="42">
        <table class="small one-column">
        <tbody>
        <tr>
            <td class="label">Type
</td>
            <td class="data">
                <select id="type" name="type[]">
                    <option>--None--</option>
                    </select> 
            </td>
        </tr>
        <tr>
            <td class="label">Context Type
</td>
            <td class="data">
                <select id="contextType" name="contextType[]">
                <option value=""></option>
                </select> 
            </td>
        </table>
    </div>

上面只是我的div看起来的味道（我只包括div的前半部分，所以我很清楚一些标签没有关闭标签）

提前谢谢，我希望我能解释一下我想要达到的目标。