Javascript 使用jquery时插入表上方的行

我正在尝试在我的网站上使用jquery填充一个表。当我在HTML页面上手动编写HTML时，它可以工作，但当我用div替换它并使用jquery向其追加HTML时，它会将HTML插入到表格标题的正上方

它是用户在不同选项卡上的表上创建的信息，要求用户在提交之前确认输入

我手动输入的行（成人，4.99，0，）都显示为它们应该显示的样子，但是添加到div ticketconfirmation的行显示在表上方。一旦用户在最初输入数据的页面上按continue，就会调用Jquery

有人能解释为什么会这样吗

谢谢

HTML

<table class="table table-hover">
    <thead>
    <tr>
        <th>Ticket Name</th>
        <th>Ticket Price</th>
        <th>Max Quantity</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>Adult/td>
        <td>4.99</td>
        <td>0</td>
    </tr>
    <div id="ticketconfirmation"></div>
    </tbody>

票名
门票价格
最大数量
成人/td>
4.99
0

JQuery

function getNodes() {
    console.log("Getting node info");
    $("#ticketconfirmation").text('');
    var table = $('#sample_editable_1').DataTable();

    var data = table.rows().data();

    for (var i = 0; i < data.length; i++) {
        $("#ticketconfirmation").append('<tr>');
        var row = table.row(i).data();
        $("#ticketconfirmation").append(
                "<td>" + row[0] + " </td><td> " + row[1] + " </td><td> "
                        + row[2] + "</td></tr>");
    }
};

函数getNodes（）{ log（“获取节点信息”）； $（“#票证确认”）。文本（“”）； var table=$（'#示例_可编辑_1'）。数据表（）； var data=table.rows（）.data（）； 对于（变量i=0；i

用于（变量i=0；i

您可以在tbody上确认id ticket并删除该div.

删除您的

试试这个：

   var newRow;
   for (var i = 0; i < data.length; i++) {        
        var row = table.row(i).data();
        newRow = "<tr><td>" + row[0] + " </td><td> " + row[1] + " </td><td> "
                        + row[2] + "</td></tr>";
        $('table.table tbody').append(newRow);
    }

var-newRow；
对于（var i=0；i

很抱歉，因为您的html无效。你不能把div放在那个位置。非法放置的“div”正在移动到桌子外面（和上面）。

   var newRow;
   for (var i = 0; i < data.length; i++) {        
        var row = table.row(i).data();
        newRow = "<tr><td>" + row[0] + " </td><td> " + row[1] + " </td><td> "
                        + row[2] + "</td></tr>";
        $('table.table tbody').append(newRow);
    }