5 つのファイル アップロード フィールドと [[+] ファイルを追加] リンクを含むフォームがあります。クリックごとに1つのフィールドを表示することでうまく機能しますが、添付ファイルの後、以下に示すようにDOM構造が変化するため、[+]ファイルを追加すると、一度に2つのフィールドが表示されます(1つではなく)。理由がよくわかりません
これが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;
});
}