沒有行動態添加行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"); 

這應該添加一行到表body標籤的結束，無論是否有行已經存在與否。

如果TBODY標籤將不存在，W/O任何行已經存在，那麼你會做到這一點...

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"); 
} 

Answer 2

if(!$('#myTable tbody').length) 
{ 
    $('#myTable').append($('<tbody>')); 
} 

$('#myTable tbody').append('<tr><td>1</td><td>a</td></tr>');