Question

我在局部视图中有html表。

我想向表行添加更多表数据。需要说明的是，我只创建了一个表格行，其中所有表格数据都是水平的。

我需要在按钮点击事件后添加更多表数据。但我的上一个表数据是Total，所以我需要在Total列之前添加表数据。这是html标记，所以我无法证明这一点。

我的桌子就是这样。

<table>
    <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>Total</td></tr>
</table>

我想在Total列之前添加新列，就像那样。

<table>
    <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>Add New Column</td><td>Total</td></tr>
</table>

Answer 1

不确定您的意思，但请查看此演示http://jsfiddle.net/yeyene/UDV64/

这就是你想要的吗？

$(document).ready(function(){
    $('#add').on('click', function(){
        var $getCol = $('#myTable tr > td');
        $getCol.eq($getCol.length-1).before('<td>New</td>');
    });
});

Answer 2

编辑 - ＆gt;已发布： Add table row in jQuery

这是您需要使用的内容：http://api.jquery.com/last-selector/

您可以将其与.append或.insertAfter

一起使用

jQuery有很好的文档，所以请务必仔细阅读并查看示例。

如何使用jquery将表数据添加到最后一个表数据列之前

2 个答案: