javascript - jquery append 到表id而不是表内部

Question

我试图将表行添加到具有特定 ID 的表中，但是在 append 时，它还会 append 到我的表内具有不同 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仅选择子项 tbody的#tbl_1 .