javascript - 如何使用 jquery 在数据表中添加数据？

Question

我想做的是使用 jquery 创建一个在表中添加数据并在 action 列 中具有删除功能的函数。

我的问题是我无法使用 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);     
}; 

Answer 1

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

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

     function Add(){

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


          oTable.fnAddData(data);
     };