jQuery：按錯誤順序添加<tr>（desc）

Question

我想將新的<tr>添加到<table>中，但元素按錯誤順序（desc）添加。我總是希望在下面添加新的<tr>。

HTML：

<button id="b1">add element</button> 
<form> 
<table id="table"> 
    <thead> 
     <tr> 
      <th>Element:</th> 
     </tr> 
    </thead> 
    <tbody> 
    </tbody> 
</table> 
</form> 

的jQuery：

var i=0; 
$('#b1').click(function() { 
    $("#table > tbody:last").after('<tr><td>Element' + i + '</td></tr>'); 
i++; 
}); 

現場演示：jsFiddle

我在做什麼錯？

Answer 1

使用append()方法：

var i=0; 
$('#b1').click(function() { 
    $("#table > tbody").append('<tr><td>Element' + i + '</td></tr>'); 
i++; 
});