[jQuery] table 선택된 행 데이터 가져오기

<table class="table table-border table-hover table-form" id="empListTable">
	<c:forEach var="vo" items="${list}" varStatus="loop">
		<tr> 
			<td style="width: 10%;"> ${vo.name_apper} </td>
			<td style="width: 10%;"> ${vo.pos_name} </td>
			<td style="width: 50%;"> ${vo.dep_name} </td>
			<td style="display: none;"> ${vo.id_apper}</td>
		</tr>
	</c:forEach>
</table>

 

// 클릭한 행의 데이터 가져오기
        $("body").on("click", "#empListTable tr", function() {
        	let tr = $(this);
        	let name_apper1 = tr.find("td:eq(0)").html();
			// 전역변수에 값 저장
        	id_apper1 = tr.find("td:eq(3)").html();
			alert(id_apper1);
			
        	$('input[name=empSearch1]').attr('value',name_apper1); 
    	})