jquery - jQuery：以错误的顺序添加（desc）

Question

我想将新的 a new 添加<tr>到 a<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++;
});