Question

我有一张桌子：

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

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

我有一个包含30列的网格，如何将所有这些列分开<td>并想要设置<td> id，width，text或innerHtml属性。

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

               }

Answer 1

正如我想的那样（以及评论）......你使用jquery重新开始...... 所以使用jquery非常容易...追加/追加到你正在寻找的东西......

如果您想要为多个表添加TD，则使用ID属性无用。因为W3C说页面上的ID是唯一的...更好地使用类属性......

<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/

动态创建并添加到

1 个答案: