[jQuery] 마크업 스크립트로 반복해서 넣기

마크업에서 단순히 아이템들이 채워져 있는 모습을 보여주기 위해 반복되는 돔을 Ctrl+C/V 해놓는 경우가 많은데, 템플릿으로 분리하고 필요한 갯수만큼만 스크립트로 반복해서 삽입할 수 있도록 했다.

HTML

<div id="_include-artist-random-item">
	<!-- artist-random-item.html -->
</div>

JS

function cloneChild(target, n){
	for(var i=1; i<n+1; i++){
		var area = $('#_include-'+target);
		var temp = document.createElement('div');
		$(temp).load(target+'.html', function(response){
		$(response).appendTo(area);
		});
	}
}

Result