javascript - 动态地将 <td> 添加到表中

Question

我正在尝试创建一个包含从今天开始的 30 天日期的表格。

现在我可以正常工作，但它以字符串形式返回。

我想添加 <td>每个日期都回到我的 table 上。

我的代码是这样

HTML

<table>
<tbody>
    <tr>
        <td></td> <!-- Add Each Date here -->
    </tr>

</tbody>
</table>

JS

var date = moment(),
    begin = moment(date).startOf('week').isoWeekday(1);

var str = "";
for (var i=0; i<30; i++) {
    str += begin.format("MMM Do") + '<br>';
    begin.add('days', 1);
}

// Would like to add date to each <td> and add <td> to the table
document.body.innerHTML = str;

<强> DEMO

Answer 1

只需要对现有代码进行少量添加，请参见下文，

var date = moment(),
    begin = moment(date).startOf('week').isoWeekday(1);

var str = [];
for (var i=0; i<30; i++) {
    str.push('<td>' + begin.format("MMM Do") + '</td>');
    begin.add('days', 1);
}

$('#myTable tbody').append('<tr>' + str.join('') + '</tr>');

演示: http://jsfiddle.net/wzdr2/