변수에서 for 루프를 실행하십시오

Question

궁금한 점은 for 루프를 변수 안에서 실행할 수 있습니까? 배열로 생성 된 <th> s 첫 번째 행을 채우고 싶습니다. var table = $('<table border="1"><tr></tr>'); 같이 정의 된 변수가 있습니다. 내가 사용하지만, 때문에 프로그램의 다른 부분의 변수 선언의

for (var i=0; i< headers.length; i++) { 
    $("<th>"+headers[i]+"</th>").appendTo(table); 
} 

외부로 for 루프를 실행하는 데 노력했다

var table = $('<table border="1"><tr>'for (var i=0; i< headers.length; i++){$("<th>"+headers[i]+"</th>")}'</tr>'); 

.appendTo은 다음과 같습니다 이론적으로, 그것과 같을 것 실행 가능한 솔루션이 아닙니다. 이

var row = $('table tr:first'); 
    for (var i=0; i < headers.length; i++) 
     $("<th />").html(headers[i]).appendTo(row); 

편집

나는 DOM에 요소를 부착 몰랐어요에 대한

Answer 1

당신은 정말는 변수 선언의 외부에서 그것을 할 수없는 경우 (내가 보지 않는 이유를 할 수 없었다), 어떻게 이런 일에 대해 :

var headersString = ''; 

for (var i=0; i < headers.length; i++) { 
    headersString += '<th>'+ headers[i] +'</th>'; 
} 

('<table border="1"><tr>' + headersString + '</tr></table>'); 

여기 예를 들어 작업 : http://jsfiddle.net/hEKy5/

Answer 2

별로,하지만 방법은 페이지 리플 로우됩니다. 이 코드는 그 문제를 미연에 방지합니다

var row = $('table tr:first').detach(); 
for (var i = 0; i < headers.length; i++) 
    $("<th />").html(headers[i]).appendTo(row); 
$("table").prepend(row);