Javascript 使用jquery按addmore按钮不会添加或删除动态div jQuery（文档）.ready（函数（）{ var max_fields=5；//允许的最大输入框数 var wrapper_image=$（“.input_image_wrapp”）；//

使用jquery按addmore按钮不会添加或删除动态div

jQuery（文档）.ready（函数（）{
var max_fields=5；//允许的最大输入框数
var wrapper_image=$（“.input_image_wrapp”）；//字段包装器
var add_button_image=$（“.add_field_button_image”）；//添加按钮ID
var按钮\产品=$（“.add\产品\按钮”）；
var wrapper_product=$（“.input_product_wrapp”）；
var image=1；//初始文本框计数
jQuery（添加按钮图像）。单击（函数（e）{//在添加输入按钮上单击
e、 预防默认值（）；
如果（图像'+image+''）；//添加输入框
}
});
jQuery（wrapper\u image）.on（“单击“，”.remove\u字段\u image”），函数（e）{//用户单击remove text
e、 preventDefault（）；jQuery（this）.parent（'div'）.remove（）；image--；
})
var乘积=1；
jQuery（button_product）。单击（函数（e）{//在添加输入按钮上单击
e、 预防默认值（）；
如果（产品<最大字段）{//max输入框允许
product++；//文本框增量
jQuery（包装器产品）.append（“
”+产品+”名称*说明*视频或Youtube链接图像
市场规模年增长率“；//添加输入框
}
});
jQuery（包装器产品）。在（“单击”，“删除”字段产品）上，函数（e）{//用户单击删除文本
e、 preventDefault（）；jQuery（this）.parent（'div'）.remove（）；product--；
})
});

---

名称*-->说明*-->视频-->或Youtube链接-->图像-->

---

市场规模年增长率请格式化您的代码，以便显示一个工作代码段。否则我们无法调试它。这是否回答了您的问题？对我来说似乎工作正常。

<script type="text/javascript">  
    jQuery(document).ready(function() {
        var max_fields        = 5; //maximum input boxes allowed
        var wrapper_image    = $(".input_image_wrap"); //Fields wrapper
        var add_button_image = $(".add_field_button_image"); //Add button ID
        var button_product   = $(".add_product_button");
        var wrapper_product    = $(".input_product_wrap");
        var image = 1; //initlal text box count
        jQuery(add_button_image).click(function(e){ //on add input button click
            e.preventDefault();
            if(image < max_fields){ //max input box allowed
                image++; //text box increment
                jQuery(wrapper_image).append('<div><hr>' + image + '<div class="col-md-6 col-sm-6 col-lg-6 col-xs-12"><div id="product_image_rows1"><input name="product_img[]" id="friend_name-0" value="" class="btn" type="file"></div></div><a href="#" type="button" class="btn btn-danger remove_field_image">Remove</a></div>'); //add input box   
            }
        });
        jQuery(wrapper_image).on("click",".remove_field_image", function(e){ //user click on remove text
            e.preventDefault(); jQuery(this).parent('div').remove(); image--;
        })
        var product = 1;
        jQuery(button_product).click(function(e){ //on add input button click
            e.preventDefault();
            if(product < max_fields){ //max input box allowed
                product++; //text box increment
                jQuery(wrapper_product).append('<div><hr>' + product + '<div class="repeater-cust"><div class="row">    <div class="col-md-3 col-sm-3 col-lg-3 col-xs-12">        <label style="display: block;">        Name <span            class="acf-required">*</span>        <!-- <i class="fa fa-question-circle" ></i> -->        </label>    </div>    <div class="col-md-9 col-sm-9 col-lg-9 col-xs-12">        <input name="name1" id="friend_name-0"               value=""        class="form-control" type="text" required=""        placeholder="Enter Your Product Name...">    </div></div><div class="row">    <div class="col-md-3 col-sm-3 col-lg-3 col-xs-12">        <label style="display: block;">        Description <span            class="acf-required">*</span>        <!-- <i class="fa fa-question-circle" ></i> -->        </label>    </div>    <div class="col-md-9 col-sm-9 col-lg-9 col-xs-12">        <textarea name="description1" class="form-control"        required=""        placeholder="Enter Your Product Description..."></textarea>    </div></div><div class="row">    <div class="col-md-3 col-sm-3 col-lg-3 col-xs-12">        <label style="display: block;">        Video        <!-- <i class="fa fa-question-circle" ></i> -->        </label>    </div>    <div class="col-md-9 col-sm-9 col-lg-9 col-xs-12">        <input name="product_video[]" id="friend_name-0"        value=""        accept="video/*" class="btn"        type="file">    </div>    <div        class="col-md-12 col-sm-12 col-lg-12 col-xs-12 text-center">        OR    </div>    <div class="col-md-3 col-sm-3 col-lg-3 col-xs-12">        <label style="display: block;">        Youtube Link        <!-- <i class="fa fa-question-circle" ></i> -->        </label>    </div>    <div class="col-md-9 col-sm-9 col-lg-9 col-xs-12">        <input name="product_youtube_link1" id="friend_name-0"        value=""        class="form-control" type="text">    </div></div></div><div class="row input_image_wrap"><div class="col-md-3 col-sm-3 col-lg-3 col-xs-12">    <label style="display: block;">        Image        <!-- <i class="fa fa-question-circle" ></i> -->    </label></div><div class="col-md-6 col-sm-6 col-lg-6 col-xs-12">    <div id="product_image_rows1">        <input name="product_img[]" id="friend_name-0"               value=""        class="btn" type="file">    </div></div><div class="col-md-3 col-sm-3 col-lg-3 col-xs-12">    <div class="acf-form-submit">        <input value="Add More Product Image"        class="button button-success button-large add_field_button_image"        type="button" >    </div></div></div><hr><div class="form-group input_product_wrap"><div class="row">    <div class="col-md-12 col-sm-12 col-lg-12 col-xs-12">        <label style="display: block;">Markets </label>        <div class="repeater-cust">            <div class="row">                <div class="col-md-3 col-sm-3 col-lg-3 col-xs-12">                    <label style="display: block;">                        Market                    </label>                </div>                <div class="col-md-9 col-sm-9 col-lg-9 col-xs-12">                    <input name="market1" id="friend_name-0"                  value=""                    class="form-control" type="text" required=""                    placeholder="Enter the market...">                </div>            </div>            <div class="row">                <div class="col-md-3 col-sm-3 col-lg-3 col-xs-12">                    <label style="display: block;">                        Size                    </label>                </div>                <div class="col-md-9 col-sm-9 col-lg-9 col-xs-12">                    <input name="market_size1" id="friend_name-0"                    value=""                    class="form-control" type="text" required=""                    placeholder="Enter the market size...">                </div>            </div>            <div class="row">                <div class="col-md-3 col-sm-3 col-lg-3 col-xs-12">                    <label style="display: block;">                        Annual Growth Rate                    </label>                </div>                <div class="col-md-9 col-sm-9 col-lg-9 col-xs-12">                    <input name="growth_rate1" id="friend_name-0" value="" class="form-control" type="text" required="" placeholder="Enter the Annual Growth Rate...">                </div>            </div>        </div>    </div></div></div><a href="#" type="button" class="btn btn-danger remove_field_product">Remove</a></div>'); //add input box   
            }
        });
        jQuery(wrapper_product).on("click",".remove_field_product", function(e){ //user click on remove text
            e.preventDefault(); jQuery(this).parent('div').remove(); product--;
        })
    });
</script>