как клонировать тр с его тд внутри него с помощью jquery

Question

Я использую этот успех ajax для клонирования tr с td внутри него:

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

Это моя html структура:

<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>

Но так и должно быть:

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

Как мне этого добиться?

Answer 1

Вы не должны клонировать <tr>, просто клонировать один из .myFiles элементов и добавить его к .drop-files.

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