Question

我使用下面的代码将数据插入表中：

function addRow() {
    var key = $('#save_key').val();
    var qry = query();
    var table = document.getElementById("qrytbl");
    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);
    row.insertCell(-1).innerHTML = qry;
    row.insertCell(0).innerHTML = key;
}

我的表格结构

<table id=qrytbl>
                    <thead>
                        <tr>
                            <th>Key</th>
                            <th>Query</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>

代码在<thead>标记内插入数据，而不是<tbody>，这是我想要的。如何在代码中指定<tbody>路径？

Answer 1

$("#qrytbl tobdy").append("put data here");

您的代码中也有错误：将Id包含在“”中，如下所示：

<table id="qrytbl">

是的，这将插入到右侧，提供您输入正确的标记：

这是一个小提琴：

http://jsfiddle.net/tt88g8of/

<table id="example">
    <thead>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
        </tr>           
    </thead>        
    <tbody>        
    <tbody>       

</table>

<div class="clk">insert row</div>


$(".clk").on("click", function(){

    var data = "<tr> <td>CEll 1 data </td> <td>cell 2 data</td></tr>";

    $("#example tbody").append(data);
});

使用JQuery将数据插入表中时使用Tomb

1 个答案: