如何使用jQuery在其内部克隆带有td的tr

Question

我正在使用此ajax成功来克隆其中包含tr的{​​{1}}：

td

这是我的html结构：

success: function(response){
    var file = $(".drop-file").clone();
    file.html(response);        
    $('.myfiles').append(file);
}

此刻，这是输出：

<tr class="drop-file">
    <td class="myFiles"></td>
</tr> 

但是应该像这样：

<tr class="drop-file">
    <td class="myFiles">
        <tr class="filename">1.png</tr>
        <tr class="filename">2.png</tr>
        <tr class="filename">3.png</tr>
    </td>
</tr>

我该如何实现？

Answer 1

您不应该克隆<tr>，而应该克隆.myFiles元素之一，然后将其附加到.drop-files。

var file = $(".myFiles").clone();
file.html(response);        
$('.drop-files').append(file);