如何不使用<tr>标记将行追加到表中？

Question

我知道如何使用jquery将新行追加到表中。最简单的方法是使用标签<tr>：

函数insertRow（data，reportNumber）{  
    var guid = $（data）.find（'ID'）。text（）;  
    var portId = $（data）.find（'PortID'）。text（）;  
    var status = $（data）.find（'Status'）。text（）;  
    $（'＃gvwCashRegisterList'）。append（  
            “ <tr class = \” cashRegisterRow \“> <td> <输入类型= \”复选框\“ value = \”“ + guid +” \“ /> </ td> <td>” +新的Date（）。 toLocaleString（）+“ </ td> <td>” + guid +“ </ td> <td> </ td> <td>” + reportNumber +“ </ td> <td>” + portId +“ </ td> <td>“ +状态+” </ td> <td> <a href=\"CashRegisterList.aspx\">选择</a> </ td> </ tr>“  
        ）;  
}

有没有不使用标签的已知方法<tr>？例如：jQuery函数，插件或库？

Answer 1

只有<tr>标签可以在HTML中生成表格行-没有其他方法可以用表格中的另一个标签复制其行为。

不过，有一种更干净的方法可以添加表行：

$("table tbody").append(
    $("<tr>") // create new tr element
        .attr("class","newTR") // set its class
        .append(
            $("<td>") // create a new td element within the tr
                .html("But this is new!") // set its content
        )
);

实例。

要特别注意缺少分号;（append()例如，第二个和之后html()）。