1

要素を複数回 (たとえば 4 回) 複製し、それらを要素の親に追加したいと考えています。

jQueryで次のコードを書きました

var element = $('.element');
for (var i = 0; i < 4; i++) {
    element.clone().appendTo(element.parent());
}

これは正しい方法ですか？またはこれを行うためのより良い方法はありますか？ドキュメントフラグメントについてオンラインで読み、次のように書きました。

var element = $('.element');
var documentFragment = $(document.createDocumentFragment());
for (var i = 0; i < 4; i++) {
    element.clone().appendTo(documentFragment);
}
element.parent().append(documentFragment);

どちらも正常に動作します。2つ目はパフォーマンスに違いをもたらしますか?

4

1 に答える 1

1

あなたの最初の jQuery は良いものです。以下のコードで出力を確認できます。

var element = $('.element');
for (var i = 0; i < 4; i++) {
    element.parent().append(element.clone());
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <div>
    <div class="element">fffsf<br></div>
  </div>  
</div>

于 2015-07-16T18:38:07.453 に答える