将行动态添加到没有行的html表

Question

我用它来动态地向表添加一行:

   $('#myTable tr:last').after('<tr><td>1</td><td>a</td></tr>');

但如果表没有记录,它似乎不起作用:

<table id="myTable" class="altTable">
    <thead>
        <tr>
            <th>
                Col1
            </th>
            <th>
                Col2
            </th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

如果存在0或0行,那么在这里添加一行可行的正确选择器是什么？

Answer 1

试试这个...

$("<tr><td>1</td><td>a</td></tr>").appendTo("#myTable tbody");

这应该在表体标记的末尾添加一行,无论是否存在行.

如果tbody标签不会出现任何已经存在的行,那么你会这样做......

if ($("#myTable tbody").length > 0){
  $("<tr><td>1</td><td>a</td></tr>").appendTo("#myTable tbody");
}
else{
  $("<tbody><tr><td>1</td><td>a</td></tr></tbody>").appendTo("#myTable");
}