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

我遇到了这样一种情况：有一群

具有相同的类名。我需要向它们中的每一个添加唯一的数据，但它们仅由类定义

例如：

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

---

有没有一种方法可以通过JQuery的append滚动它们并向它们添加唯一的数据？

这里有一个示例，其中easy div有单独的值，您可以根据需要修改它

$（函数（）{
var m=1；
$（'.test'）。每个（函数（）{
$（this.html（m++）；
});
});
除了通过元素循环并使用索引值（即序数值）之外，无法确定这些元素的差异。比如：


var nodelist=document.querySelectorAll（'.test'）；
对于（变量i=0；i

使用jQuery的简单方法
html（fn）

这个怎么样<代码>$（'.test'）。每个（函数（索引，元素）{/*do stuff here*/}）和文档：。显然工作原理非常相似（但没有清除元素的内容）。
var data = ['text #1','some other text','I am #3','Last <strong>one</strong>'];

$('.test').html(function(i){
   return data[i];
});

   $('.test').html(function(i, existingHtml){
      return existingHtml + data[i];
   });