javascript - 如何追加或其他解决方案？

Question

<table border="2">
    <tr><td>one</td><td>two</td></tr>
    <tr><td>one</td><td>two</td></tr>
    <tr><td colspan="2" id="new" >add new</td></tr>
</table>

$('#new').click(function(){
   $('#new').append("<tr><td>one</td><td>two</td></tr>");
})

现在，如果我点击“添加新”，那么这将:

one | two
one | two
add new
one  two

我怎么做:

one | two
one | two
one | two
add new

直播: http://jsfiddle.net/tg5qD/

Answer 1

$('#new').click(function(){
   $('#new').parent('tr').before("<tr><td>one</td><td>two</td></tr>");
})​

Demo