javascript - 用 div 分隔数字

Question

我正在处理一个使用循环生成数据的简单表，我在生成随机数时遇到问题我想要使用divex 单独生成。<td>09897</td>我设法<td><div>0</div><div>0</div><div>8</div><div>9</div><div>7</div></td>以某种方式生成数字，但不知道如何将它们分开。

希望你能帮助我。

谢谢

var dataNum = 30;

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

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

}



function todayDate() {
  var d = new Date(),
    month = '' + (d.getMonth() + 1),
    day = '' + d.getDate(),
    year = d.getFullYear();

  if (month.length < 2) month = '0' + month;
  if (day.length < 2) day = '0' + day;

  return [year, month, day].join('');
}

function deci(number) {
  var num = null;
  if (number < 10) {
    num = '000' + number;
  } else if (number > 9 && number < 100) {
    num = '00' + number;
  } else if (number > 99 && number < 1000) {
    num = '0' + number;
  } else {
    num = number;
  }
  return num;
}

table th, table td{
  width: 150px;
  text-align: center;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <thead>
    <tr>
      <th>Num</th>
      <th>Random</th>
    </tr>
    
  </thead>
  <tbody></tbody>
</table>

标签： javascriptjquery

Answer 1

使用此函数将生成的数字转换为所需的数字html，然后将其插入td标签 ( convert("09897", "div"))：

function convert(num, tag){return "<"+tag+">"+(num+"").split("").join("</"+tag+"><"+tag+">")+"</"+tag+">"}