jquery hängt an die Tabellen-ID an, um nicht an die Tabelle zu gelangen

Question

Ich versuche eine Tabellenzeile zu einer Tabelle mit einer bestimmten ID hinzuzufügen, aber beim Anhängen hängt sie auch an Tabellen in meiner Tabelle an, die unterschiedliche IDs haben. Ich habe nach einer Antwort gesucht, aber kein Glück. Ich weiß nicht, was ich hier falsch mache, ist ein Witz.

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

// Tabelle

<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

Verwendung #tbl_1 > tbody Wähler statt #tbl_1 tbody wie folgt.

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

#tbl_1 tbody wählt alle tbody innerhalb #tbl_1 wo #tbl_1 > tbody nur das Kind tbody von #tbl_1 auswählt.