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

 

posted @ 2018-07-13 10:15  sunnyzyq  阅读(8986)  评论(0编辑  收藏  举报