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

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

编辑-> 已发布： 在 jQuery 中添加表格行

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

您可以将其与.append或.insertAfter

jQuery 有很好的文档，所以请确保您通读并查看示例。