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

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);
});

星期天快乐

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);
});

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

counter loop and increase number on each element

javascript

foreach

counter

loops