jQuery：添加错误的顺序（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++;
});