나는 두 배열, letters = [A,B,C,...]
및 numbers = [1,2,3,...]
이 있고, 헤더 등 numbers
와 HTML 테이블을 생성하고 싶습니다 첫 번째 항목으로 letters
을 입력하면 (그리고 내가 가지고있는 값으로 채울 수 있습니다). 일반 배열에서는 가능합니까? 아래 그림과 같이,이다
:
var letters = ["A","B","C"],
numbers = [1,2,3],
$table = $("<table/>"),
$body = $("<tbody/>").appendTo($table),
$row = $("<tr><th></th></tr>");
$.each(numbers,function(i,val){
$("<th/>").text(val).appendTo($row);
});
$("<thead/>").append($row).appendTo($table);
$.each(letters, function(i,val) {
$row = $("<tr/>").attr("id",val).appendTo($body);
$("<td/>").text(val).appendTo($row);
for (var j = 0; j < numbers.length; j++)
$row.append("<td/");
});
$table.appendTo("body");
데모 : http://jsbin.com/ocomit/edit#javascript,html,live
예는 예뻐 할 수 있고
<table>
<thead>
<tr>
<th></th>
<th>1</th>
<th>2</th>
<th>3</th>
</tr>
</thead>
<tbody>
<tr id="A">
<td>A</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr id="B">
<td>B</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr id="C">
<td>C</td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
_ "일반 배열에서는 가능합니까?"- 물론. 지금까지 뭐 해봤 어? – nnnnnn
@DrColossos eeep, "중복"은 끔찍한 것처럼 보입니다. –
@hayden 게시 된 코드는 아니지만) 답변에서 제안 된 아이디어는 ... 필자가 게시 한 코드는 사용하지 않지만 솔루션은 실행 가능한 IMO입니다. – DrColossos