Запустите цикл for в переменной

Question

Мне было интересно, возможно ли запустить цикл for внутри переменной? У меня есть переменная, определенная как var table = $('<table border="1"><tr></tr>'); Я хотел бы заполнить эту первую строку <th> s, сгенерированных из массива. Теоретически это будет выглядеть примерно так:

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

Я попытался запустить цикл for как

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

вне объявления переменной, но из-за других частей программы использование .appendTo не является жизнеспособным решением.

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'); 
    for (var i=0; i < headers.length; i++)
       $("<th />").html(headers[i]).appendTo(row);

РЕДАКТИРОВАТЬ

Я не осознавал, что прикрепление элементов к dom вызывает переформатирование страницы.Этот код устранит эту проблему

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