在jQuery中添加多个类

时间:2019-05-22 12:47:59

标签: javascript jquery html jquery-ui

如何在jquery中添加多个类

我想要类似下面的带有jquery的代码

<div class="common-class item1">text</div>
<div class="common-class item2">text</div>
<div class="common-class item3">text</div>
<div class="common-class item4">text</div>
<div class="common-class item5">text</div>

2 个答案:

答案 0 :(得分:2)

您必须使用jQuery的each方法

if (!authRequired && loggedIn) {
  next('/dashboard');
  return;
}
$("div").each(function(i) {
  $(this).addClass("common-class item" + (i + 1));
})

console.log($("div").toArray())

答案 1 :(得分:1)

最简单的方法是将函数传递给Future.delayed。该函数本身接受一个addClass()自变量,您可以使用该自变量来逐步调整类名。试试这个:

index
$('div').addClass(function(i) {
  return 'common-class item' + (i + 1);
});