javascript - 为什么第一次只获取table的tr？

Question

我想要将表 2 的行添加到表 1，这是我的 js 代码:

$('#btnAdd').click(function () {

    var table = $('#table1');   
    var tr =$("#table2 tr");   
    table.append(tr);

    return false;
});

这是 html 代码:

<div style="display: none;" id="rowitem">
    <table id="table2">
        <tr>
            <td>No1</td>
            <td>No2</td>
            <td>No3</td>          
        </tr>
    </table>

</div>
<div>
 <table id="table1">
        <tr>
            <td>No1</td>
            <td>No2</td>
            <td>No3</td>          
        </tr>
    </table>
  <input id="btnAdd" type="button" value="+"/>
</div>

第一次，得到tr并添加row好的。

但是如果我再次单击添加，tr =undefined

为什么下次点击时取不到表格行？

Answer 1

尝试

$('#btnAdd').click(function () {

    var table = $('#table1');   
    var tr =$("#table2 tr").clone();   
    table.append(tr);

    return false;
});

您不是复制 tr，而是移动它