버튼으로 테이블 tr, td 제어하기

table사용시 tr > td 에 버튼을 만들고 해당 버튼을 클릭시 버튼이 포함된 tr > td를 제어하는 방법

 

tr만큼 버튼 생성

		$("[id='resetBtn']").click(function(){
			if(confirm("초기화 하시겠습니까?")){
				var btn = $(this);	
				var tr = btn.parent().parent();
				var td = tr.children();
				
				td.find("[data-consultant-date]").val("");
				td.find("[data-consultant-time]").val("");
				td.find("[data-consultant-place]").val("");
			}
		});

버튼 클릭시 해당 tr > td들만 제어하는 제이쿼리 이며 날짜, 시간, 장소를 초기화 하는 기능을 추가하였다.