jquery附加到表ID不在表內

Question

我試圖添加一個錶行到一個具有特定ID的表，但是當附加時，它也附加到我的表內具有不同ID的表。我尋找答案，但沒有運氣。我不知道我在這裏做錯了什麼是一個jfiddle。

http://jsfiddle.net/n7cyE/1445/

//表

<table id="tbl_1"> 
<thead> 
    <td>column 1</td> 
    <td>column 2</td> 
</thead> 
<tbody> 
    <td> 
    <table id="tbl_2"> 
     <thead> 
     <td>inside column 1</td> 
     <td>inside column 2</td> 
     </thead> 
    <tbody> 
    </tbody> 
    </table> 
    </td> 
    <td></td> 
</tbody> 
</table> 

// jQuery的

var recent = "<tr><td>added column 1</td><td>added column 2</td></tr>"; 
$("#tbl_1 tbody").append(recent); 

Answer 1

使用#tbl_1 > tbody選擇，而不是像#tbl_1 tbody以下。

$("#tbl_1 > tbody").append(recent); 

#tbl_1 tbody選擇所有tbody內#tbl_1其中#tbl_1 > tbody只選擇孩子的#tbl_1tbody。