javascript - 将唯一元素附加到具有相同类名的元素

Question

我遇到的情况是有一堆 <div>具有相同的类名。我需要向其中每一个附加唯一的数据，但它们仅由类定义。

示例:

<div class='test'></div>
<div class='test'></div>
<div class='test'></div>
<div class='test'></div>

有没有办法可以滚动它们并使用 JQuery 的附加功能向它们附加唯一数据？

Answer 1

除了循环遍历元素并使用索引值(即序数值)之外，无法确定这些元素的差异。像这样的东西:

var nodelist = document.querySelectorAll('.test');

for (var i = 0; i < nodelist.length; i += 1) {
  nodelist[i].textContent = 'element '+i;
}

<div class='test'></div>
<div class='test'></div>
<div class='test'></div>
<div class='test'></div>