javascript - Jquery 克隆函数

Question

有没有办法通过 JQUERY 克隆函数自定义 html 假设我有一个 div

<div id="my_Div" style="margin-right:14px;"> Name :
                <input type="text" name="file_name[]" id="file_name" class="validate[required]"/>
                &nbsp;&nbsp; Choose File :
                <input type="file" name="upload_file[]" id="upload_file" class="validate[required]" onChange="getFileExtension('upload_file');"/> 
              </div> 

没有克隆功能

$('#my_Div').clone().appendTo("body");

我可以制作，因为它是克隆 html，但我想自定义

<input type="text" name="file_name[]" id="file_name" class="validate[required]"/>

即

<input type="text" name="file_name[]" id="file_name1" class="validate[required]"/>
<input type="text" name="file_name[]" id="file_name2" class="validate[required]"/>
<input type="text" name="file_name[]" id="file_name3" class="validate[required]"/>

有什么帮助吗？？？

Answer 1

如果我对你的问题的理解正确，你想定制你得到的克隆副本。虽然没有内置方式，但您可以获取要更改内容的逻辑并将其放入要在之后调用的函数中，如下所示:

clonedElement.attr('id', function () {
 // logic
});

可在此处找到更多详细信息:jQuery to clone a table with new id, how to write below code collectively