自动添加不同的类

Question

嗨，我有这个jquery代码，工作得很好。

var styles = ["first", "second", "third", "fourth", "fifh"];
var index = 0;
$("body").find("h3").each(function() {
  $(this).addClass(styles[index++]);
  if (index >= styles.length) index = 0;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h3>A</h3>
<h3>B</h3>
<h3>C</h3>

但我的页面中有“100”h3标签，我可以自动为所有这些标签添加一个不同的类吗？ 谢谢

Answer 1

通过传递第一个参数作为索引的函数来使用.each()。它会为你带来魔力。

$("body").find("h3").each(function(i) {

  $(this).addClass('random_class_' + i);

});