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。