个人中心
gpt4 book ai didi

javascript while() 循环创建一行单元格而不是表格

转载 作者：行者123 更新时间：2023-11-28 19:29:48 25 4
gpt4 key购买 nike

地球上有人知道为什么这个 while 循环不能按预期工作吗？

我希望它创建一个 HTML 表格，但它生成了一行奇怪的单元格。

看一下......

var t = "<table>", i = 10 ; //h = 10;

    while(i--> 0) {
        //here was the problem declare the h var here
        var h =10;
        t += "<tr>";
            while (h-->0) {
                t += "<td> "+ h + "</td>";
            }
        t += "</tr>";
    }

    t += "</table>";
    $("body").append($(t));
    html,body {
    margin-top:20px;
    height:100%;
    }

    td {
    border:1px solid black;
    }
<!DOCTYPE html>
<html>
    <head>
        <script  src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <meta charset="utf-8">
            <title>
            JS Bin
            </title>
    </head>
    <body>
    </body>
</html>

最佳答案

您没有将 h 重置为 10。一旦 i=9 进入 0(i 的第一次迭代)，它就会保持在 0。

在外部循环开始时重置它:

var t="<table>",i=10;
while(i-->0){
  var h = 10;
  t+="<tr>";
  while(h-->0){t+="<td>"+h+"</td>";}
  t+="</tr>";
}
t+="</table>";
$("body").append(t); // no need for $(t) here

此处使用 for 语句可能有助于将初始化保持在循环附近，并且不会使程序变得不那么简洁(这看起来像您试图实现的目标):

var t="<table>";
for(var i=10;i--;){
  t+="<tr>";
  for(var h=10;h--;) t+="<td>"+h+"</td>";
  t+="</tr>";
}
t+="</table>";
$("body").append(t);

当您忘记 var 声明(这是 JS 程序中的常见错误之一)时，这也会变得很明显。

关于javascript while() 循环创建一行单元格而不是表格，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27091021/

25 4 0
文章推荐： javascript - 如何用变量简化jquery代码？
文章推荐： python - 使用 boto 连接到共享 SQS 队列
文章推荐： html - 如何删除自定义复选框中的勾号？
文章推荐： python - 类型错误 : 'type' object has no attribute '__getitem__'
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com