JQuery数据表添加新行

我正在创建一个注册页面，如果有人愿意，可以在其中注册多达20人。所以我有这些文本框：

First Name: <br/><input type="text" name="fname" id="fname" /> <br/>
Last Name: <br/><input type="text" name="lname" id="lname" /> <br/>
Email: <br/><input type="text" name="email" id="email"/> <br/>

名字：


姓氏：


电子邮件：

这是我的html表，带有数据表的JQuery初始化：

<div id="tables">
    <table id="table" border="1">
        <thead>
            <tr>
                <th>First Name</th>
                <th>Last Name</th>
                <th>Email</th>
            </tr>
        </thead>
    </table>
</div>

$('#reg_more').dataTable({
    "bLengthChange": false,
    "bInfo": false
});

名字
姓
电子邮件
$（'#reg_more'）。数据表({
“bLengthChange”：false，
“bInfo”：假
});

现在我想放一个添加按钮，这样用户就可以输入名字和姓氏，以及email和点击add，然后它就会被放到表中。我该怎么做呢

$(document).ready(function() {
    $('#example').dataTable();
    $('#addbtn').click(addrow);
} );

function addrow() {
    $('#example').dataTable().fnAddData( [
        $('#fname').val(),
        $('#lname').val(),
        $('#email').val() ] );

}

您需要在单击按钮时调用addrow（）

在html代码中添加此按钮

<input type="button" value="add" id="addbtn" />

---

以下是在DataTables 1.10中实现的方法

<input type="button" value="add" id="addbtn" />

var dTable = $('#example').DataTable();
$('#addbtn').on( 'click', function () {
    dTable.row.add([
        $('#fname').val(),
        $('#lname').val(),
        $('#email').val() 
    ]).draw();
});

var dTable=$（'#示例'）.DataTable（）；
$（'#addbtn'）。在（'单击'，函数（）{
dTable.row.add([
$（'#fname'）.val（），
$（'#lname'）.val（），
$（'#email'）.val（）
]).draw（）；
});

这也会有所帮助，但有时并非总是如此。我已经自己调试过了，即使您有更多数据，也不会花费太多时间

var table = $(".tableclassName")["1"]
var tableClone = $(".tableclassName")["3"]
$(yournewrowtext).insertAfter(table.children["1"].children[currentRowId]);
$(yourfirstcolumn).insertAfter(tableClone.children["1"]. 
children[currentRowId]);

注意：如果不使用固定列，则可以删除此行

---

$（yourfirstcolumn.insertAfter（tableClone.children[“1”].

@StephenSarcsamKamenar yah这正是我发帖前所做的，我无法确定答案。我甚至尝试了一些解决方案，但都没有成功。这就是为什么我来到这里，以便有人能解释一个我能理解的解决方案。谷歌一直是我的第一选择，没有任何帮助。你在这方面遇到了什么问题？@StephenSarcsamKamenar这实际上是我试过的代码之一。但是在实现和测试之后。我不知道如何使用它。我必须创建一个按钮，它的onclick事件调用该函数吗？啊，好得多，我对jquery和datatables是全新的，所以我很难做这种事情。但是这更有意义。所以我还有一件事，我如何正确地发布所有这些数据，以便将其添加到mysql数据库？假设他们注册自己和其他20人，我需要向mysql数据库添加21个条目。要注册，可以使用jQuery ajax将数据插入数据库。