<ul class="_add1">
	<li>
		<input type="text">
		<input type="text">
		<input type="text">
		<input type="text" class="_date">
		<button type="button" onclick="inpAdd(this,'._add1');" data-num="1">추가</button>
	</li>
</ul>

<script>
$('._date').datepicker();

function inpAdd(a,b){
	var num = $(a).data('num');
	var form = $(a).closest('li').html().replace(/<button( |>).*?<\/button>/gi,"");
	num++;

	$(a).data('num',num);
	var html = '<li> '+ form;
	html += '<button type="button" onclick="fileDel(this);">삭제</button>';
	html += '</li>';
	$(b).append(html).find('._date').removeClass('hasDatepicker').removeAttr('id').datepicker();
}

function fileDel(a){
	$(a).closest('li').remove();
}
</script>

'PROGRAM > JAVASCRIPT' 카테고리의 다른 글

javascript http, www 제거 정규식  (0) 2018.12.06
브라우저 종류 및 IE버전 체크 스크립트  (0) 2018.12.04
hash값 확인 스크립트  (0) 2018.05.04
뒤로가기 차단  (0) 2018.05.04
스크립트로 GET  (0) 2018.04.26