Javascript jQuery嵌套克隆循环

我是jQuery的初学者。我不知道嵌套循环。我被困在第一圈

我有两个问题

我在下面的截图中解释了我的问题

   $( document ).ready(function() {

        var current_id = 0;
        $('#btn').click(function(){
            if(current_id < 4)
                nextElement($('#Outer_00'));
        })

        function nextElement(element){
            var newElement = element.clone();
            var id = current_id+1;
            current_id = id;
            if(id <10)id = "0"+id;
            newElement.attr("id",element.attr("id").split("_")[0]+"_"+id);
            var field = $('select', newElement).attr("id");
            $('select', newElement).attr("id", field.split("_")[0]+"_"+id );
            newElement.appendTo($("#elements"));
        }

    });



<div id="elements">
<button id="btn">Add</button>
    <div id="Outer_00" class="boxbg">
    <input type="text" name="" placeholder="text">
    <select id="Field1_00"><option>element1</option><option>Next level</option></select>


    </div>
</div>

$（文档）.ready（函数（）{
var电流_id=0；
$（'#btn'）。单击（函数（）{
如果（当前_id<4）
nextElement(美元"外部"00);；
})
功能nextElement（元素）{
var newElement=element.clone（）；
var id=当前_id+1；
当前_id=id；
如果（id这可能会有帮助

对于第一个问题，使用jquery的hide和show函数，并尝试为它们提供不同的id

对于第二个问题，请声明一个全局变量，并对“添加”按钮使用onclick函数，每次单击时递增全局变量，然后添加div标记或执行任何必须执行的操作。在全局变量达到限制后，禁用或隐藏“添加”按钮

我还没有试过，但这可能会有帮助。如果有效，请告诉我