jqueryはテーブル内のテーブルに追加しません

Question

私は特定のIDを持つテーブルにテーブル行を追加しようとしていますが、追加時にIDが異なるテーブル内のテーブルにも追加されます。私は答えを探しましたが、運はありません。私はここで間違って何をしているのか分からない。

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は#tbl_1 > tbodyは一人っ子#tbl_1のtbodyを選択#tbl_1内のすべてのtbodyを選択します。