Question

我正在尝试将类添加到另一个类的特定实例，同时修改类的名称。这是我的代码：

for(var i = 0; i<3; i++){
            $('.formEntry')[i].addClass("form" + i);
    }

这是运行函数之前的代码：

<fieldset class = "formEntry"></fieldset>
<fieldset class = "formEntry"></fieldset>
<fieldset class = "formEntry"></fieldset>

这是所需的输出。

<fieldset class = "formEntry form1"></fieldset>
<fieldset class = "formEntry form2"></fieldset>
<fieldset class = "formEntry form3"></fieldset>

请帮忙！

Answer 1

您可以使用.each()循环浏览所有元素，并使用.addClass()方法添加类。

$(document).ready(function() {
 $(".formEntry").each(function(i) {
       $(this).addClass("form" + (i+1));
    })
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<fieldset class = "formEntry"></fieldset>
<fieldset class = "formEntry"></fieldset>
<fieldset class = "formEntry"></fieldset>

Answer 2

您不必使用each。 addClass也起到了作用。

$('formEntry').addClass(function(i) { return 'form' + (i+1) })

Answer 3

使用此代码在循环中动态添加类...

jQuery(document).ready(function(){
  var i=1;
jQuery('.formEntry').each(function(){
  
jQuery(this).addClass('form'+i);
  i++;
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<fieldset class = "formEntry"></fieldset>
<fieldset class = "formEntry"></fieldset>
<fieldset class = "formEntry"></fieldset>

Answer 4

您可以使用slice（）：

for(var i = 0; i < 3; ++i){
 $('.formEntry').slice(i,(i + 1)).addClass("form" + i);
}

API JQuery

将类动态添加到另一个类

4 个答案: