jQuery嵌套克隆循环

Question

我是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>

Answer 1

这可能会有所帮助..

对于第一个问题，使用隐藏和显示jquery的功能，并尝试给它们不同的id。

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

我还没有尝试过，但这可能有所帮助。告诉我它是否有效。