Javascript 向div添加唯一类

我想给每个div添加一个新的类，但它是唯一的，我如何使用jQuery实现这一点

<div class="pat"></div>
<div class="pat"></div>
<div class="pat"></div>

尝试使用jquery的和函数。最好尝试

id

而不是

class

以获得唯一的

用于

唯一

id

$（'.pat'）。每个（函数（a、b、c）{
$（this.attr（'id'，$（this.attr（'class'）+a）
})
console.log（$（'body'）.html（））

---

将所有div包含到包装器中

 <div id="wrapper">
      <div class="pat"></div>
      <div class="pat"></div>
      <div class="pat"></div>
    </div>

<script type="text/javascript">
$( document ).ready(function() {
  $("#wrapper div").each(function(key){
     $(this).addClass("newclass"+ key);
  });
});

</script>

$（文档）.ready（函数（）{
$（“#包装器div”）。每个（函数（键）{
$（this.addClass（“newclass”+键）；
});
});

快速、纯粹的js方法：

//用于添加唯一类：
//var divs=document.queryselectoral（'.pat'）；
//[]forEach.call（divs，（el，i）=>{
//el.classList.add（'myclass_'+i）
// })
//用于添加唯一id
var divs=document.queryselectoral（'.pat'）；
[]forEach.call（divs，（el，i）=>{
el.id='myId_u'+i；
})

您可以使用此代码

var divElements = document.getElementsByTagName('div');
console.log(divElements.length);
var c=0;
Array.prototype.forEach.call(divElements,function(a) {
    a.classList = "div-" +c;
    c++;
    console.log(a);
})

---

试试这个：

$（文档）.ready（函数（）{
$（“div”）。每个函数（索引）{
$（this.addClass（'pat'+索引）
});
});
.pat0{
背景色：红色；
}
.pat1{
背景颜色：蓝色；
}
.pat2{
背景颜色：绿色；
}

Pat0
第1部分
Pat2
为什么是唯一类。尝试使用
id
而不是classWhy？您试图解决/完成的问题/需求是什么？我有21个
div
s`我想添加21个
id
如何使用jquery或javascript实现这一点？只需添加htmlI不想重复的内容，我想学习简短而高效的解决方案，将其添加到每个

id`中。为什么OP需要将其移动到

wrapper

？我只是觉得把它移到wrapper div是个更好的主意。这样就不会依赖于内部div的类。谢谢，这是一个解决方案，我要到7分钟后才能接受你的答案。祝大家玩得愉快！我想OP想要的是id而不是类！检查操作注释