动态创建 <td> 并添加到 <tr>

Question

我有一张桌子：

  <table id="fTable">
    <tbody>
        <tr id="fRow">

        </tr>
    </tbody>
  </table>

我有一个 30 列的 Grid，如何对所有这些列进行分隔 <td> 并希望设置 <td> id、width、text 或 innerHtml 属性。

              var row = $('#fRow');
              for(var i= 2; i < Columns.length ; i++)
               {

               }

Answer 1

我认为（和 cmets）...您是使用 jquery 的新手... 所以使用 jquery 非常容易...... append/appendTo 就是你要找的......

如果您想添加多个 TD 表，则使用 ID 属性没有用处。因为 W3C 说 ID 在页面上是唯一的...最好使用 class 属性...

<table class="floatTable">
    <tbody>
        <tr class="footerRow">

        </tr>
    </tbody>
  </table>

// Select all TRs in the floatTable having the class footerRaw
$('.floatTable tr.footerRaw').each(function(key, el)) {
  // here you could define anything whatever you want
  var tdContent = 'Lorem ipsum dolor';

  // For example add five TDs to your table
  for ( var i = 0; i < 5; i++ ) {
    // if it works ;-)
    // ...it should add following:
    // <td>Lorem ipsum dolor #1</td>
    // <td>Lorem ipsum dolor #2</td>
    // ...and so on...
    $(this).append('<td>' + tdContent + ' #' + i + '</td>');
  }
});

这是一个运行示例...http://jsfiddle.net/2am6wcm8/