jQuery奇怪的重复迭代

Question

我有一个包含5个文件上传字段和“[+]添加更多文件”链接的表单。它通过每次单击显示一个字段工作正常，但在我附件后，DOM结构发生了变化，如下所示，因此当我点击[+]添加更多文件时，它会一次显示两次字段（而不是一次）。我不清楚为什么

这是HTML结构

这是jQuery代码：

//FETCH THE ARRAY OF 5    
var webform_divs = $('.webform-client-form').find('div[id$="-ajax-wrapper"]');
//INITIAL STATE    
    if (!($("#addmore").length > 0)) {
                    webform_divs.hide();
                   webform_divs.first().show();
                    webform_divs.last().after('<a id="addmore" href=#>'+"[+] Add more files"+'</a>');
                }
//FUNCTION CALL 
more_upload_fields(webform_divs);    

//FUNCTION BODY
                function more_upload_fields(field_wrappers) {

                    $("#addmore").click(function(e) {
                        e.preventDefault();

                        field_wrappers.each(function(index) {
                           if ($(this).is(":hidden")) {
                                //console.log(index);
                                //console.log($(this));
                                $(this).show();
                                if ($(this).next().is('#addmore')) {
                                    $("#addmore").hide();
                                }
                                return false;
                            }
                        });
                        return false;
                    });
                }