javascript - 计数器循环并增加每个元素的数量

Question

我无法通过这几行代码弄清楚。我的目标是像一本书一样编号：第 01 页、第 02 页、第 03 页等……我只得到“0”或“1”或总页数。

    let pages = document.querySelectorAll(".page");
Array.from(pages).forEach(page => {
  const Number = document.createElement("span");
  page.appendChild(Number);
  var n = page.length;
  var sum = 0;
  for (var i = 0; i < n; i++) {
    sum += i;
  }
  Number.textContent = sum;
  console.log(sum);
});

快乐星期天

标签： javascriptloopsforeachcounter

Answer 1

不确定您的 html 是什么样的，但数组索引不是您的页码吗？

const pages = document.querySelectorAll(".page");

Array.from(pages).forEach((page, index) => {
  const numberNode = document.createElement("span");
  numberNode.textContent = index + 1;
  page.appendChild(numberNode);
});