Javascript 创建<;td>;动态添加到<;tr>;

Javascript 创建<;td>;动态添加到<;tr>;,javascript,jquery,html-table,Javascript,Jquery,Html Table,我有一张桌子: <table id="fTable"> <tbody> <tr id="fRow"> </tr> </tbody> </table> 我有一个包含30列的网格,如何将所有这些列分隔开来,并希望设置id、宽度、文本或innerHtml属性 var row = $('#fRow'); for(v

我有一张桌子:

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

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

我有一个包含30列的网格,如何将所有这些列分隔开来,并希望设置
id、宽度、文本或innerHtml属性

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

               }
var行=$('#fRow');
对于(变量i=2;i
如我所想(以及评论)。。。您刚刚使用jquery。。。 所以使用jquery非常简单。。。append/appendTo是您要查找的内容

如果您想添加TDs多个表,那么使用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>');
  }
});

//选择浮动表中具有footerRaw类的所有TR
$('.floatTable tr.footerRaw')。每个(函数(键,el)){
//在这里,你可以定义任何你想要的东西
var tdContent=‘Lorem ipsum dolor’;
//例如,将五个TDs添加到表中
对于(变量i=0;i<5;i++){
//如果有效;-)
//……应增加以下内容:
//Lorem ipsum dolor#1
//Lorem ipsum dolor#2
//……等等。。。
$(this).append(“”+tdContent+“”#“+i+”);
}
});

下面是一个运行示例

您是否尝试过jQuery append()添加冒号?请分别查看jQuery的
append
appendTo
方法:和。不尝试为什么我还会问这个问题,您是如何查找currentColumns.length的。。这不是我的问题,我有所有的列名称,首先试着理解这个问题,如何为td添加宽度和Id,你想设置什么宽度等等?你可以计算它等等。。。我更喜欢设置CSS。。。请参阅fiddle update:PS:可以使用newTD.attr('ID','yourValue')设置的ID等属性。。。请参阅:……但我认为您应该阅读基本jQuery手册和示例以了解更多信息。附言:如果这个答案对你有帮助,不要忘记关闭你的问题,让其他人找到未来的解决方案。谢谢