Jquery append()が同じ要素を複数回追加した場合、一度だけ作用しますが、どのように解決しますか?

2633 ワード

これは簡単なtableです
<table id="mytable">
    
table>

 
これはテンプレートtrです
<div id="mydiv">
    <table>
        <tr>  TRtr>
    table>
div>

 
次にjqでtrを10部コピーしてtableに行きます.次は私が始めた方法です.
var tr = $("#mydiv").find("tr");
for (var int = 0; int < 10; int++) {
    $("#mytable").append(tr);
}

結果は、やはり自分のtoo yong too simpleで、最後にインタフェースに表示された結果は1つだけ追加されました.
最後に関連資料を調べて、そこで答えを得ました.https://segmentfault.com/q/1010000007677851?_ea=1419689
 
最終的な解決策:
var tr = $("#mydiv").find("tr");
for (var int = 0; int < 10; int++) {
    tr.clone().prependTo($("#mytable"));
}

 
転載先:https://www.cnblogs.com/zhangyuanqiang/p/9303475.html