<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
<button>남자부</button>
<table>
<tr>
<th></th>
<th>성명</th>
<th>시간</th>
</tr>
<tr>
<th>우승</th>
<td></td>
<td></td>
</tr>
<tr>
<th>2위</th>
<td></td>
<td></td>
</tr>
<tr>
<th>3위</th>
<td></td>
<td></td>
</tr>
<tr>
<th>4위</th>
<td></td>
<td></td>
</tr>
<tr>
<th>5위</th>
<td></td>
<td></td>
</tr>
</table>
<script type="text/javascript">
$(function(){
$("button").click(function(){
var man;
jQuery.get("test.txt", function(data){
man = data.split("\n");
for(i=1;i<man.length;i++){
man[i] = man[i].split("-");
}
for(i = 0;i<6;i++){
for(j=0;j<2;j++){
$("tr:eq("+i+") > td:eq("+j+")").html(man[i][j]);
}
}
});
});
});
</script>
</body>
</html>
