php - 如何用jquery克隆一个带有td的tr

Question

我正在使用这个 ajax 成功克隆 atr及其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>

我怎样才能做到这一点？

标签： phpjqueryclone

Answer 1

您不应该克隆<tr>，只需克隆其中一个.myFiles元素，然后将其附加到.drop-files.

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