Javascript渲染数字数组以跨越元素

Question

我想渲染以下一系列数字:

1234567891234567892234567893234567894234567895

<span>1</span>
<span>2</span>
...
<span>9</span>
<span class="bold">1</span>
<span>2</span>
...

考虑到这一点最好的方法是什么；

1.总字符长度可以是动态的。现在我们可以像上面的例子一样考虑。

2.我希望某些字符以粗体显示，如图所示。

实现相同目标的最佳方法是什么？

我计划创建一个包含单个字符的静态数组，如下所示:

1234567891234567892234567893234567894234567895

然后使用 jQuery 迭代并渲染它们。

PS:即使总长度可以改变，出现的数字顺序和粗体始终是相同的。 (我认为最多 80 个字符。)

Answer 1

var n='1234567891234567892234567893234567894234567895';
$.each(n.split(''),function(key,value){
  $("#NU").append($('<span/>',{text:value, class:((!(key%9)&key>0)?"bold":"")}));
});

.bold{color:blue;font-weight:bold}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="NU"></div>