div要素コピーについて

Question

お世話になっています。
今回div要素の複製をjQueryもしくはJavaScriptを利用し行いたいと思います。

$(function () {
　　　　　　　　　　　　　for(var i=0; i<siai_kosuu; i++){
							var h = document.getElementById("b");
							$("#a").append(h);
						}
});
		<div id="a">sample
			<div id="b">
　　　　　　　     <div>aaaaa</div>　　　　　　　　
　　　　　　　</div>
		</div>

やりたいこと、

<div id="b">を<div id="a">の中身の最後にfor文で三回追加したいです。

よろしくお願いいたします。

Comments

[kei344]

同一ページ内のidは重複できないので、例示の時点からclassに変えるなどしたほうが良いと思います。

Answer 1

トリガーなどわからないので、参考程度に、ですが↓

• JavaScriptで特定の要素を複製（コピー）する方法
• [jQuery逆引きリファレンス

既存の要素をコピーするには？ ― cloneメソッド](https://www.buildinsider.net/web/jqueryref/057)

Comments

[kuroishi]

回答ありがとうございます。
.appendToでこころみますが、 Failed to execute 'appendChild' on 'Node': The new child element contains the parent.　とエラーがでまして進めていません。
https://tridentwebdesign.blog.fc2.com/blog-entry-578.html#nodeTitle
を参考にしていますが、いまいち理解できていません。追加する<div>要素もノードにしなければならないということなのか・・・とりあえずなにをすればいいかわかりません。

Answer 2

こんな感じですかね？

$(function(){
  var siai_kosuu=3;
  for(var i=0; i<siai_kosuu; i++){
    $('#a').append($('#b').clone().attr('id',null));
  }
});

Comments

[kuroishi]

できました！ありがとうございました。