如何使用JavaScript或Jquery动态地向div添加类？

在我的标记中，我有两个具有相同类的div。我想在每个div中添加两个不同的类

我的html代码看起来像

<div class="my-class">
    --Content--
</div>

<div class="my-class">
    --Content--
</div>

--内容--
--内容--

但我想要两个div作为

<div class="my-class class-1">
    --Content--
</div>

<div class="my-class class-2">
    --Content--
</div>

--内容--
--内容--

---

因此，如果有一个类“我的类”，我想向类似div的类添加一个附加类-（1到N），我该怎么做

这可能就是你想要的

var classes = document.querySelectorAll('.my-class');
for(var i=0;i<classes.length;i++){
    classes[i].classList.add('class-'+i); 
    //classes[i].className += 'class-'+i; -> older browsers
}

var classes=document.querySelectorAll（'.my class'）；
对于（var i=0；i）旧浏览器
}

像这样的东西怎么样：

$('.my-class').each(function(ind, ele) {
    var id = (ind+1);
    $(ele).addClass('class-' + id);
});

---

我还将使用

.each（）

函数，例如

$(".my-class").each(function(i) {
 $(this).addClass("yourClass"+(i+1));
});

这会很神奇

---

希望它能帮助你

你是如何添加动态生成的内容的？有点OT:你以后是使用

类

属性来设计样式还是识别DIV？如果出于识别目的，我建议使用下面答案中显示的一种技术为每个类提供一个

ID

属性，而不是一个类名。可能重复。您可以使用“每个”函数的迭代器。我的解决方案可能会遇到一个问题，就是jQuery的问题。每个函数都非常慢。最好使用JavaScript for loop。无论哪种方式，这都是一个解决方案，可以以一种易于理解的方式完成任务。@MurtazaHussain…您的意思是什么？没有jQuery，您怎么做

每个

？

$(".my-class").each(function(i) {
 $(this).addClass("yourClass"+(i+1));
});