Javascript 向多个CSS添加不同的CSS类

我的HTML（动态生成）上有多个

标记，希望通过Javascript或jQuery向每个

添加一个独特的类，如

，

，

。我怎样才能做到这一点

您可以尝试以下方法：

$('h2').each(function(index){
    $(this).addClass("h2-" + index);
})

---

您可以使用jquery

each

函数查找页面上的所有

h2

标记，并使用索引在此序列中为每个标记添加唯一标识符

请尝试下面的代码

$（'h2'）。每个（函数（i，el）{
$（el）.addClass（'h2_'+i）；
});
.h2_0{颜色：红色}
.h2_1{颜色：绿色}
.h2_2{颜色：黄色}
.h2_3{颜色：橙色}

1.
2.
3.
4.
你显然不太熟悉javascript，jquery

for(var i = 0, i < $("h2").length, i++) {
  $("h2")[i].addClass("h2-" + i);
}

for（变量i=0，i<$（“h2”）。长度，i++）{
$（“h2”）[i].addClass（“h2-”+i）；
}
当您自己尝试这一功能时，您在哪里被卡住了？如果一个类经常被用来通过CSS将类似样式的元素组合在一起以便于选择，那么唯一的类名的目的是什么？为什么不能在生成时添加它们？另外，如果它们需要唯一，那么id是更好的方法。将id添加到循环中，使其返回。效果很好。我现在如何选择其中一个？比如？？？（'h2-1'）。insertAdjacentHTML…你可以使用：
$（'h2-1'）[0]。insertAdjacentHTML
因为我想在第二个h2标记之后或之前添加内容，就像我在这里使用getelementbyid:document.getelementbyid（'h2-1'）。insertAdjacentHTML（'beforebegin'，这里是这种情况下的内容使用：
$（'h2-1'）。之后（“”）
Hmmm.not working，没有控制台输出。我有jQuery（'h2'）。每个（函数（索引）{jQuery（this）.addClass（'h2-“+index）；}）jQuery（'h2-1'）。after（）.append（'Content…'）；不是真的。PHP对我来说更熟悉…谢谢