jquery - 如何使用jquery克隆表中的tr

Question

页面上有很多表格。我想在某个 tr 之后添加包含现有数据的新行。所以我有一张 table :

        <table>
            <tr>
                <th>...</th>
                <td>...</td>
            </tr>
        </table>
        <p id="add-tr">[add]</p>

当我点击[add]时，我想添加一个新的tr以及现有的th和td元素。我发现最后一张 table 有:

$('#add-tr').on('click',function(){
    $(this).prev('table')...;
    });

(用 hide() 函数检查)下一步做什么？尝试过:

$(this).prev('table').closest('tr').clone();

但是没有效果!

我在 stackoverflow 上的第一个问题!所以不要太严厉，谢谢!

Answer 1

您应该使用find或children方法并追加行，closest方法选择元素最接近的父元素。

var $table = $(this).prev('table');
$table.find('tr:first').clone().appendTo($table);