使用jquery將元素附加到子元素

Question

我想動態地將div元素附加到表中。我用下面的代碼，但它不追加正確

的Html

<table id="foo"> 
    <tr id="row1"><td>FOO</td> </tr> 
    <tr id="row2"><td>BAR</td></tr> 
    <tr id="row3"><td>APPENDING</td></tr> 
    <tr id="row4"><td>ELEMENT</td></tr> 
    <tr id="row5"><td>JQUERY</td></tr> 
</table> 

JQuery的

$("input").on("click",function(){ 
    console.log($("#row3")) 
    $("#row3").append("<tr id='foo1'><td>Appending div</td></tr>"); 
}); 

Fiddle example

但代碼中的元素追加到該行（ row3 ）。我嘗試追加元素row3我只知道元素的ID和.children（）或.eq（）不適用於此目的。誰能幫我。在此先感謝

Answer 1

使用.before()則：

$("input").on("click", function() { 
    $("#row3").before("<tr id='foo1'><td>Appending div</td></tr>"); 
}); 

DEMO：http://jsfiddle.net/zX64K/2/