Jquery append() 添加多次同個元素時，只有一次作用，如何解決？

這是一個簡單的table

<table id="mytable">
    <!-- 這里將要動態加載tr數據 -->
</table>

 

這是一個模版tr

<div id="mydiv">
    <table>
        <tr>模版TR</tr>
    </table>
</div>

 

然后通過jq復制10份該tr到table中去，下面是我開始的做法：

var tr = $("#mydiv").find("tr");
for (var int = 0; int < 10; int++) {
    $("#mytable").append(tr);
}

結果，還是自己 too yong too simple，最后界面顯示的結果為只添加了一條。

最后查詢了相關資料，於該處得到答案：https://segmentfault.com/q/1010000007677851?_ea=1419689

 

最后解決辦法：

var tr = $("#mydiv").find("tr");
for (var int = 0; int < 10; int++) {
    tr.clone().prependTo($("#mytable"));
}