javascript - 在 JQuery 中动态添加表格行

标签 javascript jquery html

<分区>

我的表格是这样的:

<table id="table1">
    <tr>
        <td>A</td>
        <td>B</td>
    </tr>
    <tr>
        <td>C</td>
        <td>D</td>
    </tr>
</table>    

然后我有一个按钮:

<input id="btn2" value="add New row" type="button"/>

JQuery 代码是这样的:

$('#btn2').click(function () {
    var v_html = $('#table1 tr').first();
    $('#table1').append(v_html);

});

它对我不起作用,因为第一行中的内容是动态的,我不能在 JQuery 中进行硬编码。我只想先复制<tr>并将其附加到表中的最后一个位置。

应该是这样的:

<table id="table1">
    <tr>
        <td>A</td>
        <td>B</td>
    </tr>
    <tr>
        <td>C</td>
        <td>D</td>
    </tr>
    <tr>
        <td>A</td>
        <td>B</td>        
    </tr>
</table>  

谁能帮帮我?

最佳答案

使用clone()复制一行

$('#btn2').click(function () {
    var $row = $('#table1 tr').first().clone();
    $('#table1').append($row);

});

关于javascript - 在 JQuery 中动态添加表格行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42743348/

相关文章:

html - CSS - 在对话框缩放时将 top 属性值限制为 0

html - 向 Bootstrap 列添加小的左边距时防止 y 溢出

javascript - 通过 onKeyPress 或 onKeyDown 在 React 中仅允许数字

php - 处理后退按钮

javascript - 通过更多项目获取元素

javascript - KineticJS 的继承模型是如何工作的?

Javascript on Change 不适用于 [object html select element]

javascript - onclick 在页面上查找文本并滚动到它

javascript - 如何将div放在其他div的后面

javascript - 如何在表格中添加按钮