如何使用 jquery 在数据表中添加数据？答案

【问题标题】：How to add data inside datatable using jquery?如何使用 jquery 在数据表中添加数据？
【发布时间】：2014-07-08 22:24:22
【问题描述】：

我想做的是使用 jquery 在我的表中添加数据并在action column 中具有删除功能。

我的问题是我无法使用 jquery 将输入值放入表中。

  function Add(){
    $("#myTable tbody").append(
        "<tr>"+
        "<td><input type='text'/></td>"+
        "<td><input type='text'/></td>"+
        "<td><input type='radio'/></td>"+
        "<td><button class='btnDelete>Delete</button></td>"+
        "</tr>");   
        $(".Save").bind("click", Save);     
};

【问题讨论】：

标签： javascript jquery html datatable datatables

【解决方案1】：

如果您使用的是数据表，则使用数据表的“fnAddData”函数而不是 jquery 追加函数来添加新行。检查以下代码，

    oTable = $('#myTable').dataTable();

     function Add(){

          var data = [
             $('#input1').val(),
             $('#input2').val(),
             $('#input3').val(),
             $('#input4').val()
          ];


          oTable.fnAddData(data);
     };

【讨论】：

如何使其动态化？比如填写要添加的输入。
我已经修改了答案。请检查。
使用 $("#gender:checked").val() 代替 $("#gender").val()。

【解决方案2】：

这是 1.9.x 版的旧文档

How to add row for version 1.9.x and below

注意：你最好开始使用新版本的数据表 1.10.x

【讨论】：