jQuery追加到表ID而不是表内

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选择全部tbody内部#tbl_1，#tbl_1 > tbody仅选择的子tbody项#tbl_1。