Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Jquery中创建指定列和行的表_Javascript_Jquery_Html - Fatal编程技术网

Javascript 在Jquery中创建指定列和行的表

Javascript 在Jquery中创建指定列和行的表,javascript,jquery,html,Javascript,Jquery,Html,我是jQuery新手,我想在jQuery中创建具有特定行数和列数的表 下面是我尝试过的,它创建具有特定行数的表,但不创建具有特定列数的表 函数构造表(){ let table=$('').first().prepend('Borrow'); 让我们划船; 让细胞1; 让细胞2; 表.attr({“id”:“burrow”}); 对于(i=0;i

我是jQuery新手,我想在jQuery中创建具有特定行数和列数的表

下面是我尝试过的,它创建具有特定行数的表,但不创建具有特定列数的表

函数构造表(){
let table=$('').first().prepend('Borrow');
让我们划船;
让细胞1;
让细胞2;
表.attr({“id”:“burrow”});
对于(i=0;i<3;i++){
行=$('');
表.追加(行);
}
对于(i=0;i<4;i++){
单元格1=$('').text('cell'+i);
行。追加(单元格1);
}
$(“#借用许可证div”)。追加(表);
document.getElementById('borrowLicensediv')。style.display='';
}

您正在将TDs添加到最后一行,因为您的单元格循环位于行循环之外。我们需要将循环移到内部并修复迭代器变量,如下所示:

for(var r=0; r < 3; r++) {
   row = $('<tr>');

   for ( var c = 0 ; c < 4; c++ ) {
      cell = $('<td>').text('cell ' + r+c);
      row.append(cell);
   }
   table.append(row);   
}
for(var r=0;r<3;r++){
行=$('');
对于(var C=0;C<4;C++){
单元格=$('').text('cell'+r+c);
行。追加(单元格);
}
表.追加(行);
}

您正在将TDs添加到最后一行,因为您的单元格循环位于行循环之外。我们需要将循环移到内部并修复迭代器变量,如下所示:

for(var r=0; r < 3; r++) {
   row = $('<tr>');

   for ( var c = 0 ; c < 4; c++ ) {
      cell = $('<td>').text('cell ' + r+c);
      row.append(cell);
   }
   table.append(row);   
}
for(var r=0;r<3;r++){
行=$('');
对于(var C=0;C<4;C++){
单元格=$('').text('cell'+r+c);
行。追加(单元格);
}
表.追加(行);
}

在向表中追加行之前,这些行必须首先有单元格,否则表中将有空行,没有列。把jQuery放在一边,一般的问题是:

  • 吵架
  • 将其追加到表中
  • 对所有要添加的行重复1和2
  • 步骤(1)意味着您首先在行中创建所需的单元格,并将其添加到行中。这意味着您将拥有嵌套循环(而在您的示例中,它们是内联的)

    你需要更像

    for(i=0; i < 3; i++) {
        var row = "<tr>";
        for ( j = 0 ; j < 4; j++ ) {
            var value = "cell " + i + "," + j;
            var td = "<td>" + value + "</td>";
            row += td;
        }
        row += "</tr>";
        table.append(row);
    }
    
    (i=0;i<3;i++)的
    {
    var行=”;
    对于(j=0;j<4;j++){
    var value=“单元格”+i+,“+j;
    var td=“”+值+”;
    row+=td;
    }
    行+=”;
    表.追加(行);
    }
    
    在向表中追加行之前,这些行必须首先有单元格,否则表中将有空行,没有列。把jQuery放在一边,一般的问题是:

  • 吵架
  • 将其追加到表中
  • 对所有要添加的行重复1和2
  • 步骤(1)意味着您首先在行中创建所需的单元格,并将其添加到行中。这意味着您将拥有嵌套循环(而在您的示例中,它们是内联的)

    你需要更像

    for(i=0; i < 3; i++) {
        var row = "<tr>";
        for ( j = 0 ; j < 4; j++ ) {
            var value = "cell " + i + "," + j;
            var td = "<td>" + value + "</td>";
            row += td;
        }
        row += "</tr>";
        table.append(row);
    }
    
    (i=0;i<3;i++)的
    {
    var行=”;
    对于(j=0;j<4;j++){
    var value=“单元格”+i+,“+j;
    var td=“”+值+”;
    row+=td;
    }
    行+=”;
    表.追加(行);
    }
    
    您需要在创建行时将单元格附加到每一行(将单元格循环放在行循环中(使用不同的变量,而不是
    i
    ),谢谢works@freedomn-m如果你回答这个问题,我会把它加起来。你需要在做行的时候把单元格附加到每一行(把单元格循环放在行循环中)(使用不同的变量,而不是
    i
    ))谢谢works@freedomn-m如果你回答这个问题,我会把它加起来。你忘了关闭
    ?不需要
    $(“”)
    创建节点,而不是html@freedomn-我发誓-这就像在大学里的一天。哈哈,谢谢你提供的信息。你忘了关闭
    ?不需要
    $(“”)
    创建节点,而不是html@freedomn-我发誓-这就像在大学里度过的一天。哈哈,谢谢你提供的信息。正如我在评论中指出的那样-你需要一个不同的变量作为内部循环-你的代码不会做你认为/希望它做的事情do@freedomn正确,感谢您在以前版本的上发现复制粘贴错误这个答案。我已经解决了。正如我在评论中指出的——你需要一个不同的变量用于内部循环——你的代码不会做你认为/希望它做的事情do@freedomn正确,感谢您在以前版本的答案中发现复制粘贴错误。我已经修复了它。