Javascript 将字段的内容复制到其下所有动态生成的字段类型

因此，我有一系列使用以下代码动态生成的输入：-

$(document).ready(function() {
    var max_fields      = 16; //maximum input boxes allowed
    var wrapper         = $(".GCSE_wrap"); //Fields wrapper
    var add_button      = $(".add_field_button"); //Add button ID

    var x = 1; //initlal text box count
    $(add_button).click(function(e){ //on add input button click
        e.preventDefault();
        if(x < max_fields){ //max input box allowed
            x++; //text box increment
            $(wrapper).append('<div style="margin-top: 5px;"><div class="col-lg-5 col-md-5 col-sm-12 col-xs-12"><input type="text" name="Subject[]" class="form-control spec_one" id="GCSESubject[]" placeholder="Subject"></div><div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"><input type="text" class="form-control  spec_one" id="SubjectLevel[]" name="SubjectLevel[]" placeholder="GCSE?"></div><div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"><select name="GCSEGrade[]" id="SubjectGrade[]" class="form-control spec_one"><option value="A*">A*</option><option value="A">A</option><option value="B">B</option><option value="c">C</option><option value="D">D</option><option value="E">E</option><option value="F">F</option><option value="g">G</option></select></div><div class="col-lg-2 col-md-2 col-sm-12 col-xs-12"><input type="text" class="form-control  spec_one gcse_year" id="GCSEYear[]" name="GCSEYear[]" placeholder="Year"></div><a href="#" class="btn btn-primary cas_btn copy_gcse_all">C</a><a href="#" class="btn btn-primary close_btn remove_field">X</a></div>'); //add input box
            $
        }
    });

    $(wrapper).on("click",".remove_field", function(e){ //user click on remove text
        e.preventDefault(); $(this).parent('div').remove(); x--;
    })
}); 

---

我意识到这是一件相对简单的事情，但如果有人能为我指出正确的方向，我将不胜感激。

单击

添加
按钮，在父
div
上添加一个公共类，就可以实现所需的功能。然后，您可以使用
closest（）
选择该
div
，然后在
find（）
返回要修改的GCSE年度输入之前，使用
nextAll（）
获取其后续同级

下面是一个完整的工作示例，其中对逻辑进行了一些其他改进：


var max_字段=16；
变量$wrapper=$（“.GCSE_wrapp”）；
var$add_button=$（“.add_field_button”）；
$add_按钮。单击（功能（e）{
e、 预防默认值（）；
if（$wrapper.find（'>div'）。长度


添加
这非常迅速，也非常有帮助。我的代码也被破坏了，无法工作。谢谢你，罗里，太棒了。没问题，很高兴能帮上忙
$(document).ready(function(){
$('a[id^="copy_gcse_all"]').click(function(){
    $('.gcse_year input').val($(this).closest('div').find('.gcse_year input').val())
});