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"));
}