一种更快的编号方法

【问题标题】：A faster way to do numbering一种更快的编号方法
【发布时间】：2020-03-07 02:09:32
【问题描述】：

有几次我需要对一长串项目进行编号或重新编号，然后发现自己手动逐行编辑它们，有更好的方法吗？有什么软件/插件或方法可以快速完成吗？我指的不是<ol>，而是编辑一行文本中的数字。例如

<div class="RandomExample">item 1 lorem ipsum</div>
<div class="RandomExample">item 2 lorem ipsum</div>
<div class="RandomExample">item 3 lorem ipsum</div>
<div class="RandomExample">item 4 lorem ipsum</div>
.. ..
.. .. 

/* the list go as long as it can take*/

【问题讨论】：

标签： javascript html css performance numbers

【解决方案1】：

像这样吗？
Repl Example

let string = ''
for(let i = 1; i < 100; i++) {
  string += `<div class="randomExample">item ${i} lorem ipsum</div>\n`
}
console.log(string)

然后您可以从控制台复制并粘贴它。

否则，您可以构建页面上的代码来为您生成元素...

Repl Example

const parentDiv = document.querySelector('.parent')
for(let i = 1; i < 100; i++) {
  let childDiv = document.createElement('div')
  childDiv.classList.add('randomExample')
  childDiv.innerHTML = `item ${i} lorem ipsum`
  parentDiv.appendChild(childDiv)
}

【讨论】：