DEV/JS

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

zineeworld 2017. 3. 22. 19:40

마크업에서 단순히 아이템들이 채워져 있는 모습을 보여주기 위해 반복되는 돔을 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


반응형