Javascript <;td>;附加在外部</tr>;

Javascript <;td>;附加在外部</tr>;,javascript,jquery,Javascript,Jquery,我正在处理一个表,它显示来自循环的数据,并且整个行被追加。代码工作正常,就在我检查元素时,我注意到在之外,我如何修复它 希望你能帮助我 谢谢 var-dataNum=10; 对于(设t=1;t9&&number99&&编号

我正在处理一个表,它显示来自循环的数据,并且整个行被追加。代码工作正常,就在我检查元素时,我注意到
之外,我如何修复它

希望你能帮助我

谢谢

var-dataNum=10;
对于(设t=1;t9&&number<100){
num='00'+数字;
}否则,如果(编号>99&&编号<1000){
num='0'+数字;
}否则{
num=数字;
}
返回num;
}
表th,表td{
宽度:150px;
文本对齐:居中;
}

号码
随机的
您的

表th,表td{
宽度:150px;
文本对齐:居中;
}

号码
随机的

在代码中,您将
tr
td
都附加到
tbody
。您需要将
td
附加到
tr

for (let t = 1; t <= dataNum; t++) {

  $('table tbody').append('<tr></tr>');
  for (var j = 0; j < 2; j++) {
    if (j == 0) {
      $('table tbody tr:last').append('<td>' + todayDate() + '-' + deci(t) + '</td>');
    } else if (j == 1) {
      $('table tbody tr:last').append('<td>' + (Math.floor(Math.random() * 10000) + 90000) + '</td>');
    }
  }
}

for(让t=1;t这是因为下面的一行

$('table tbody')。附加(“”)
这实际上是将tr附加到DOM中。因此,基本上,
会自动完成,因为浏览器是智能的,并且会尝试确保有效的HTML DOM结构。理想情况下,您应该创建一个字符串来存储所需的整个DOM结构,并在最后附加,因为DOM操作很慢

var-dataNum=10;
var-str='';
对于(设t=1;t9&&number<100){
num='00'+数字;
}否则,如果(编号>99&&编号<1000){
num='0'+数字;
}否则{
num=数字;
}
返回num;
}
表th,表td{
宽度:150px;
文本对齐:居中;
}

号码
随机的

很乐意帮助你很乐意帮忙!!
for (let t = 1; t <= dataNum; t++) {

  $('table tbody').append('<tr></tr>');
  for (var j = 0; j < 2; j++) {
    if (j == 0) {
      $('table tbody tr:last').append('<td>' + todayDate() + '-' + deci(t) + '</td>');
    } else if (j == 1) {
      $('table tbody tr:last').append('<td>' + (Math.floor(Math.random() * 10000) + 90000) + '</td>');
    }
  }
}