javascript - 创建一个新元素并将克隆附加到该元素

Question

初始情况如下所示:

<div id="bigDiv">
    <div><input type="file"/></div>
</div>

克隆后所需的结果:

<div id="bigDiv">
    <div><input type="file"/></div>
    <div><input type="file"/></div>
</div>

我尝试过以下声明:

var elm = $('#bigDiv :input[type=file]').change(function(event) {
    console.log('changed');
    $('#bigDiv :input[type=file]').eq(0).clone(true).val('').appendTo('#bigDiv');
});

这有效。我的问题是，如何将这个新的文件输入元素附加到一个新的 div 元素中，该元素也必须之前创建？ (参见上面所需的结果)

我认为我的 jQuery 语句也可以改进。

Answer 1

克隆整个 div 会更容易。试试这个:

var elm = $('#bigDiv :input[type=file]').change(function(event) {
    var $newDiv = $('#bigDiv div').first().clone(true).appendTo('#bigDiv');
    $('input[type="file"]', $newDiv).val('');
});

Example fiddle