让for循环中的元素在不同的锚点上唯一地迭代

const anchors = document.querySelectorAll('.anchor'); // 获取所有锚点元素
const elements = ['element1', 'element2', 'element3']; // 待迭代的元素数组

for (let i = 0; i < elements.length; i++) {
  anchors[i].textContent = elements[i]; // 将元素迭代到对应的锚点上
}

<div class="anchor" data-index="0"></div>
<div class="anchor" data-index="1"></div>
<div class="anchor" data-index="2"></div>

const anchors = document.querySelectorAll('.anchor'); // 获取所有锚点元素
const elements = ['element1', 'element2', 'element3']; // 待迭代的元素数组

for (let i = 0; i < anchors.length; i++) {
  const index = parseInt(anchors[i].dataset.index); // 获取自定义属性值
  anchors[i].textContent = elements[index]; // 将元素迭代到对应的锚点上
}